Crosswalk Cordova Android 多文件选择

Question

我有一个使用 cordova 和 angularjs 构建的混合应用程序，对于 Android，我使用 crosswalk 运行该应用程序。

我一直在互联网上寻找 html5 文件输入的解决方案，以允许选择多个文件。

我正在使用以下元素进行文件选择：

<input type="file" multiple="multiple" name="files[]" />

我正在运行 Android Lollipop 版本 5.1.1 和 Crosswalk 版本 20，我还测试了 Crosswalk 版本 18 和 19。 Chrome 安装在我运行最新版本的设备上，尽管我认为这没有什么不同。

当我单击上面的输入元素时，会出现预期的对话框，要求我从文档或相机中进行选择。如果我选择从我的文档中选择，那么我只能选择单个文件，在这种情况下是图像。对于我可以从中选择图像的每个应用程序都是如此，因此默认的 android 'Images'、'Videos'、'Audio' 等以及外部应用程序（例如 Google Photos）- 都只允许我一次选择一个文件.

在下图中，您可以看到列出的文件，长按每个图块不会将文件添加到多选中。

这适用于应用程序的 IOS 版本。

在浏览了我可以在网上找到的所有材料后，运行 Chrome 49+ 的 Android 5+ 似乎支持多属性。

我不确定这是人行横道浏览器实现还是 Android 操作系统问题，还是其他问题？谁能给点建议。

编辑

只是为了确认无论是否使用 Crosswalk，这都不起作用。

Answer 1

经过数周的尝试解决这个问题，我终于让它工作了（没有人行横道的科尔多瓦）。这是使用 Windows 中的 Cordova 工具完成的，因此请原谅下面的文件规范。

第一步：将platforms\Android\CordovaLib\AndroidManifest.xml中的minSdkVersion改为21 说明： onShowFileChooser API 是在 LOLLIPOP (API 21) 中引入的。它允许返回 url[] 而不是早期 API 版本中 showFileChooser 返回的 url。仅当您将 API 更改为 21 或更高版本时才会调用它。

第 2 步： 更新/替换 onActivityResult 方法以检索多个文件。 在使用fileChooserParams 创建意图后附加以下内容以允许选择多个文件：

    intent.putExtra(Intent.EXTRA_ALLOW_MULTIPLE, true);

位置：platforms\android\CordovaLib\src\org\apache\cordova\engine\SystemWebChromeClient.java

第三步：更新对应的onActivityResult方法，使用intent.getClipData()返回多个url。

注意事项：

1. 为所有呼叫启用多路上传。您可以根据 fileChooserParams 模式更新 Intent。
2. 禁用相机作为选择器中的来源，默认情况下可用于人行横道。

最终代码：

Uri photoUri;

@TargetApi(Build.VERSION_CODES.LOLLIPOP)
@Override
public boolean onShowFileChooser(WebView webView, final ValueCallback<Uri[]> filePathsCallback, final WebChromeClient.FileChooserParams fileChooserParams) {
    // Check and use MIME Type.
    String mimeType = "*/*";
    int ACTION_CODE = FILECHOOSER_RESULTCODE;
    try {
        if (fileChooserParams.getAcceptTypes().length > 0) {
            mimeType = fileChooserParams.getAcceptTypes()[0];
        } else {
            mimeType = "*/*";
        }
    } catch (Exception e) {
        mimeType = "*/*";
    };

    // Check if Mutiple is specified 
    Boolean selectMultiple = false;
    if (fileChooserParams.getMode() == WebChromeClient.FileChooserParams.MODE_OPEN_MULTIPLE) {
        selectMultiple = true;
    };

    Intent intent = new Intent();
    intent.setAction(Intent.ACTION_GET_CONTENT);
    intent.addCategory(Intent.CATEGORY_OPENABLE);
    if (selectMultiple) { intent.putExtra(Intent.EXTRA_ALLOW_MULTIPLE, true); };
    intent.setType(mimeType);
    ACTION_CODE = FILECHOOSER_RESULTCODE;
    final Intent chooserIntent = Intent.createChooser(intent, "Select Source");

    // Add camera intent to the chooser if image and send URI to return full image 
    if (mimeType.equals("image/*")) {
        photoUri = null;
        try {
            File photoFile = createImageFile();
            photoUri = Uri.fromFile(photoFile);
        }
        catch (Exception ex) {
            photoUri = null;
        }
        if (photoUri != null) {
            Intent camIntent = new Intent();
            camIntent.setAction(MediaStore.ACTION_IMAGE_CAPTURE);
            camIntent.putExtra(MediaStore.EXTRA_OUTPUT, photoUri);
            camIntent.putExtra("return-data", true);
            chooserIntent.putExtra(Intent.EXTRA_INITIAL_INTENTS, new Intent [] {camIntent} );
        }
    }

    try {
        parentEngine.cordova.startActivityForResult(new CordovaPlugin() {
            @Override
            public void onActivityResult(int requestCode, int resultCode, Intent intent) {
                if (resultCode ==  Activity.RESULT_OK && intent != null) {
                    if (intent.getData() != null)
                    {
                        Uri[] result = WebChromeClient.FileChooserParams.parseResult(resultCode, intent);
                        filePathsCallback.onReceiveValue(result);
                    }
                    else
                    {
                        if (intent.getClipData() != null) {
                            final int numSelectedFiles = intent.getClipData().getItemCount();
                            Uri[] result = new Uri[numSelectedFiles];
                            for (int i = 0; i < numSelectedFiles; i++) {
                                result[i] = intent.getClipData().getItemAt(i).getUri();
                            }
                            filePathsCallback.onReceiveValue(result);
                        }
                        else {
                            filePathsCallback.onReceiveValue(null);
                        }
                    }
                }
                else if(resultCode ==  Activity.RESULT_OK && (intent == null || intent.getData() == null )) {
                    Uri[] result = new Uri[1];
                    result[0] = photoUri;
                    filePathsCallback.onReceiveValue(result);
                } else {
                    filePathsCallback.onReceiveValue(null);
                }
            }
        }, chooserIntent, ACTION_CODE);
    } catch (ActivityNotFoundException e) {
        Log.w("No activity found to handle file chooser intent.", e);
        filePathsCallback.onReceiveValue(null);
    }
    return true;
}