2

我有一个关于<input type=file>HTML 元素的问题——具体来说，为什么所有迹象都表明它在 Windows Phone 8（IE 10 Mobile）上受到支持，但它确实不起作用。

我一直在做一个照片上传项目，在 Javascript 开发中，我有逻辑来检查文件 API 支持，所以我知道我是否可以支持本地文件选择。令人惊讶的是，我使用的代码在 Windows Phone 8 上返回了一个true值。这应该不是问题，但是<input type=file>WP 8 并不真正支持该元素（如 Windows 博客中关于 IE 10 的文章中所述移动）。WP 8 上的结果是，如果<input type=file>页面上有一个元素，它显示得很好，但单击“浏览”按钮时没有任何反应。

我检查文件 API 支持的 JS 代码是：

function checkLocalFileSupport() {
   if (window.File && window.FileReader && window.FileList && window.Blob) {
       return true;
   }
   return false;
}

我希望有人可以阐明如何更好地检查和确认本地文件选择是否在特定设备/浏览器上可用。正如我所说，我当前的解决方案true在 WP 8 上返回。我一直在尝试各种不同的方法来查看是否<input type=file>启用（下面的片段），但所有其他解决方案仍然返回trueWP 8。

一个警告是：我真的希望代码与设备无关。因此，我不想嗅探浏览器用户代理。在我看来，用户代理嗅探是一种我宁愿不必实施的后备方案。

以下是我找到并尝试过的一些解决方案，但仍然返回trueWP 8：

引用disabled输入元素上的属性：

function isInputTypeFileImplemented() {
    var elem = document.createElement("input");
    elem.type = "file";
    if (elem.disabled) return false;
    try {
        elem.value = "Test"; // Throws error if type=file is implemented
        return elem.value != "Test";
    } catch(e) {
        return elem.type == "file";
    }
}

使用 jquery.support：

var support = (function(undefined) {
    return $("<input type='file'>")    // create test element
                 .get(0)               // get native element
                 .files !== undefined; // check whether files property is not undefined
})();

希望有人可以帮助阐明如何准确地让 WP 8 返回false本地文件支持的值。

提前致谢！

4

1 回答 1

0

根据这篇博客文章，一些系统返回误报支持，您可以通过使用 RegExp 检查它们来克服这个问题，例如

if (navigator.userAgent.match(/(Android (1.0|1.1|1.5|1.6|2.0|2.1))|(Windows Phone (OS 7|8.0))|(XBLWP)|(ZuneWP)|(w(eb)?OSBrowser)|(webOS)|(Kindle\/(1.0|2.0|2.5|3.0))/)) {
   return false;
}
于 2015-06-06T13:32:35.663 回答