如何检查浏览器是否支持HTML5文件上传(FormData对象)？

Question

如何检查浏览器是否支持HTML5文件上传(FormData对象)？

var fd = new FormData();

根据这篇文章的回答,但代码没有返回关于浏览器的正确答案,

window.onload = function()
{
 if (!!window.FileReader)
 {
  alert('supported');
 }
 else
 {
  alert('not supported');
 }
}


Firefox - supported
Chrome - supported
Opera - supported
Safari - not supported
IE9 - not supported

但正确的浏览器支持应该是,

Firefox - supported
Chrome - supported
Opera - not supported
Safari - supported
IE9 - not supported

我已经测试了Opera上的html 5文件上传,但它无法确定.

我相信safari 支持html 5文件上传.

Answer 1

试试if( window.FormData === undefined )或if( window.FormData !== undefined ).

Answer 2

来自 http://blog.new-bamboo.co.uk/2010/7/30/html5-powered-ajax-file-uploads

function supportAjaxUploadProgressEvents() {
    var xhr = new XMLHttpRequest();
    return !! (xhr && ('upload' in xhr) && ('onprogress' in xhr.upload));
};

作为FormData,send()one和upload属性(及其onprogress事件)的能力都是XMLHttpRequest级别2的一部分,你可以测试.upload以查看你是否有2级.我不知道有一个Mac方便,但功能(遗憾的是,但正确)返回Opera 11.50的假(对于Firefox 4也是如此).

Answer 3

  function supportFormData() {
     return !! window.FormData;
  }

资料来源:https://www.new-bamboo.co.uk/blog/2012/01/10/ridiculously-simple-ajax-uploads-with-formdata/