如何檢查瀏覽器是否支持HTML5文件上傳（FormData對象）？

如何檢查瀏覽器是否支持HTML5文件上傳（FormData對象）？如何檢查瀏覽器是否支持HTML5文件上傳（FormData對象）？

var fd = new FormData();

繼從這個post答案，但代碼不返回有關瀏覽器的正確答案，

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

我有測試了HTML 5文件上傳Opera並且它是而不是 workin克當然。

我相信safari支持html 5文件上傳。

來源

2011-09-03 laukok

從 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，能夠發送（）之一，並上傳財產（及其onprogress事件）是的XMLHttpRequest級別2的一部分，你可以測試.upload到看看你是否有一個級別2.我沒有一個Mac的方便，但功能（可悲的是，但正確）返回錯誤的歌劇11.50（真正的Firefox 4）。

來源

2011-09-21 04:08:26 Leon

-3

您需要檢查瀏覽器是否支持HTML5文件API。我通過檢查是否設置了FileReader函數來實現，如果沒有設置，則表示瀏覽器不支持文件API。

// Check if window.fileReader exists to make sure the browser supports file uploads 
if (typeof(window.FileReader) == 'undefined') 
    { 
     alert'Browser does not support HTML5 file uploads!'); 
    }

來源

2011-12-14 18:02:40

此代碼檢查FileReader對象，它與FormData對象不同。 – webinista

嘗試if(window.FormData === undefined)或if(window.FormData !== undefined)。

來源

2011-12-27 19:47:23 webinista

+12

+ 1，在IE8/IE9中'（window.FormData === undefined）'返回true，在IE10中返回false。 – Annie

應該使用'typeof'，因爲undefined在某些瀏覽器中不是關鍵字。（例如，我可以說'var undefined = window。FormData'） – Azmisov

所以，用typeof，「if（typeof（window.FormData）=='undefined'）」，對嗎？ – DCShannon

您可能會使用此庫提供的解決方法。 https://github.com/francois2metz/html5-formdata

來源

2012-02-07 06:27:44 Sujay

這是一個班輪我用它來檢查瀏覽器是否支持FORMDATA和上傳進度，jQuery中：

var xhr2 = !! (window.FormData && ("upload" in ($.ajaxSettings.xhr()));

來源

2012-08-20 15:38:03

在Safari上5.1.7，Firefox的< 6，歌劇< 12.14表單數據是支持的，但它是越野車。

Safari瀏覽器將返回文件大小爲0

Opera不支持表單數據的append方法

火狐< 6不起作用正確

來源

2013-03-03 12:58:32 albanx

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

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

來源

2014-10-19 13:28:07

如何檢查瀏覽器是否支持HTML5文件上傳（FormData對象）？

回答

相關問題