使用 iOS 和 Android 输入 HTML 5 文件 [Cordova/Phonegap]

Question

在 PhoneGap 应用程序中，我尝试使用像这样的 HTML5 input标签来使用相机。

1. 使用 CLI 创建新项目
2. 添加iOS和Android平台
3. 添加相机插件
4. 为两种设备构建
5. 在两种设备上运行（实际设备 iPhone 5 与 iOS 7.1.2 和 Android 4.4.2 (Samsung Note)）

以下是我尝试执行的代码行

<input id="imageHolder" type="file" accept="image/*" capture />

它适用于 iPhone，但不适用于 Android。 我错过了什么？ 或者这在Android中不受支持？ 在 Android 中点击该字段后没有任何反应，而在 iPhone 中则如下所示

Answer 1

我看到这是一个老问题，但答案不是使用 HTML，而是使用 JavaScript 和cordova 插件。

我用过这个插件

很容易使用。

例子：

if (device.platform == "Android") { //Here we check to see what OS is used. input with type file is supported on iOS, but not Android. So use plugin for Android
    fileStorage.open(function (uri) {
        if (callback) {
            callback(uri);
        }
        return uri;
    }, function (ex) {
        throw ex;
    });
} else {
    var file = document.createElement("input");
    file.type = "file";
    file.accept = ".pdf";
    file.style.display = "none";

    document.body.appendChild(file);
    file.click();

    file.onchange = function (f) {
        console.log(f);

        console.log(file.files);

        var reader = new FileReader()

        reader.readAsDataURL(file.files[0]);

        reader.onloadend = function () {
            if (callback) {
                callback(reader.result);
            }

            return reader.result;
        }

        document.body.removeChild(file);
    }
}