在开发网页应用程序时，可能需要允许用户上传文件。HTML5引入了一个新的API——FormData，它可以轻松处理文件上传。但是，并不是所有的浏览器都支持这个API，如果你要使用它，就需要先检查浏览器是否支持。
检查方法
为了检查浏览器是否支持FormData，可以使用以下代码：
-- ----------------- - -- -- - ---- - -- --- -
上面的代码中，我们使用了JavaScript内置的FormData属性。如果浏览器支持该属性，则条件为真。否则，条件为假。
兼容性问题
虽然大多数现代浏览器都支持FormData，但是旧版浏览器可能会出现兼容性问题。例如，IE9及以下版本不支持该API。如果需要支持这些浏览器，则需要使用其他方式来上传文件，比如使用Flash插件或者隐藏表单。
示例代码
下面是一个示例代码，它演示了如何使用FormData上传文件：
--------- -----
------
------
----- ----------------
---------------------
-------
------
----- ------------
------ ----------- --------------
--------
------- ------------- ------------------------------------
-------
--------
-------- ------------ -
--- ----- - ---------------------------------------------
--- ---- - ---------------
--- -------- - --- -----------
------------------------- ------
-- ----------
--- --- - --- -----------------
---------------- -----------
---------- - ---------- -
-- ----------- --- ---- -
---------------
- ---- -
------------- - ----------------
-
--
-------------------
-
---------
-------
-------上面的代码中，我们创建了一个表单，其中包含一个文件选择器和一个按钮。点击按钮时，我们使用JavaScript获取选定的文件，并将其添加到FormData对象中。然后，我们使用XMLHttpRequest对象将其上传到服务器。
结论
在开发需要文件上传功能的网页应用程序时，HTML5的FormData API是非常有用的。但是，在使用它之前，需要先检查浏览器是否支持。如果你需要支持旧版浏览器，则需要使用其他方式来上传文件。
来源：JavaScript中文网 ，转载请注明来源 本文地址：https://www.javascriptcn.com/post/28434