在一次老项目的优化中无意中碰到了File对象，同时也遇到了一些坑，话不多说直接上代码
<code data-backticks="1">// Chrome</code> 
<code data-backticks="1">typeof file</code> 
<code data-backticks="1">result: function</code>
<code data-backticks="1">// IE except Edge</code> 
<code data-backticks="1">typeof file</code> 
<code data-backticks="1">result: object</code>
<code data-backticks="1">// Edge</code> 
<code data-backticks="1">typeof file</code> 
<code data-backticks="1">result: function</code>
你以为你看到的就是你看到的吗？事实上虽然chrome和edge的返回值不一样，但是在Edge中使用new File()依旧会报错 
<img src="https://img.ithere.net/article/article/image/2020/7/27/JfcdVDMzmLNKixqyBEHwtjoEBrpFMMDj.png" alt="image.png">
解决办法： 
对当前浏览器进行判断，如果为IE浏览器使用如下代码 
<img src="https://img.ithere.net/article/article/image/2020/7/27/JUmTYUeyXpXFzhJoFwrEBDNRHJvtRMBg.png" alt="image.png">

关于File对象兼容性

在一次老项目的优化中无意中碰到了File对象，同时也遇到了一些坑，话不多说直接上代码
// Chrome
typeof file
result: function

// IE except Edge
typeof file
result: object

// Edge
typeof file
result: function

你以为你看到的就是你看到的吗？事实上虽然chrome和edge的返回值不一样，但是在Edge中使用new File()依旧会报错


解决办法：
对当前浏览器进行判断，如果为IE浏览器使用如下代码