检测浏览器对html文件输入元素的支持

Galambalazs的回答为我指出了只有iOS才是正确的方向。我最后用了这个:

function supportsFileInput() {
  var dummy = document.createElement("input");
  dummy.setAttribute("type", "file");
  return dummy.disabled === false;
}

但是,它对大多数Android设备不起作用,因为这个函数总是返回true,但是会显示文本为“Uploads disabled”的按钮。

人体模型试验

function supportInputType(type) {
  var dummy = document.createElement("input");
  dummy.setAttribute("type", type);
  return dummy.type !== "text";
}

如果你只想执行一次就更好了:

var SUPPORT_INPUT_FILE = supportInputType("file");

那你可以用这个 在你所有的代码中。

测试的工作方式:首先创建一个虚拟元素。它将有默认值 type = "text" . 接下来你试着把它设置为 file . 如果浏览器不支持这种类型,它将保持 text .

iOS将文件输入元素呈现为“disabled”。因此,您可以测试是否有禁用的输入字段。我用jQuery来做。

jQuery(function($) {
    $(this).find('[type=file]').each(function () {
        if ($(this).attr('disabled')) {
        // do sth.
        }    
    })
});