问检测浏览器文件输入支持

EN

我刚试过这个..。它起作用了。

你自己试试吧！http://fiddle.jshell.net/nmGRu/show/ (如果你发现任何浏览器没有报告正确的结果，我很想知道...同样，对于任何额外的工作，它将有助于完成此答案)

Safari (iOS 5及更低版本)将返回false，因为它不支持文件上传(特别是它允许您添加输入，但将其标记为禁用)……然而，支持它的移动浏览器，如三星Galaxy Tab (安卓)，BlackBerry PlayBook / BlackBerry 10 (我正在Dev Alpha上测试)将返回true，因为它们的浏览器确实支持上传。

到目前为止，测试结果是正确的：

• selection)
• Apple iOS 5和更低版本的Safari (检测NO selection)
• Apple iOS 6 Safari (检测支持-允许照片/视频support)
• Apple iOS 4/iOS5、越狱、已安装support)
• Apple Upload Enabler (检测带有Chrome的Safari iPhone (检测不支持selection)
• Android iPhone )(检测支持-允许照片版本的Chrome)(检测support)
• Android版本的support)
• BlackBerry (检测support)
• BlackBerry的support)
• BlackBerry OS7 SmartPhones (检测Safari PlayBook )(检测Safari 10 (开发人员Alpha和Z10) (检测支持)H231
• Samsung Galaxy Nexus )(检测support)
• Samsung Galaxy Nexus (检测support)
• Samsung Galaxy Nexus7平板电脑)检测support)
• Samsung Galaxy Note (检测support)
• Samsung Galaxy S2 (检测support)
• Samsung Galaxy S2)(检测support)
• Tizen Galaxy S3 (检测支持)

到目前为止不正确的检测测试结果：

• Windows Phone {}(检测到支持，但实际上没有支持)

注意:我正在对此代码进行修订，以解决windows phone上的检测问题

这是一个干净的版本，它只返回一个布尔值...并且不会污染页面。

function hasFileUploadSupport(){
  var hasSupport = true;
  try{
    var testFileInput = document.createElement('input');
    testFileInput.type = 'file';
    testFileInput.style.display = 'none';
    document.getElementsByTagName('body')[0].appendChild(testFileInput);
    if(testFileInput.disabled){
      hasSupport = false;
    }
  } catch(ex){
     hasSupport = false;
  } finally {
    if(testFileInput){
      testFileInput.parentNode.removeChild(testFileInput);
    }
  }
  return hasSupport;
}

alert(hasFileUploadSupport());