在 IE9 浏览器中上传之前使用 JavaScript 检查文件大小

Question

以下是我的 ASP.NET MVC 的一部分：当用户尝试在 IE 9 浏览器中上传文件时，它会在 this.files[0].size 这一行抛出错误； 因为 IE 9 浏览器确实支持 html 5 api(FileReader)

<input type="file" name="FileToUpload" id="FileToUpload"  style="width: 100%;" />

<!-- begin snippet: js hide: false -->

 $('#FileToUpload').bind('change', function () {
            
               var sizeInMB = '';
              
                   /* Other */
                      this.files[0].size gets the size of your file.
                   var sizeInBytes = this.files[0].size;
                      var sizeInMB = (sizeInBytes / (1024 * 1024)).toFixed(2);    2000
                    sizeInMB = $([sizeInBytes]).map(function () { return (this / 1024 / 1024).toFixed(2) })[0];
              
          
              
        });

所以当我执行这一行时，我碰巧使用了这个 sn-p $("#FileToUpload")[0].value 我没有得到文件路径我得到这样的 (C:\fakepath\MORETHAN2gbticket.zip)

有没有其他方法可以获取 IE 9 浏览器的文件大小。一种方法是可以使用 Flash。然后我需要使用类似插件（uploadify Upload jQuery） 有没有其他我可以在不使用插件的情况下获得文件大小 谁能指导我。

    var file = $("#FileToUpload");
           var objFSO = new ActiveXObject("Scripting.FileSystemObject");
           var filePath = $("#FileToUpload")[0].value;
            var objFile = objFSO.getFile(filePath);
            var fileSize = objFile.size; //size in kb

Answer 1

不！ IE 版本 9 没有 FileReader api，而是一个名为 File Api Lab 的原型：

您可以在此处查看兼容性表@MDN。

---

一个建议是使用回退来从服务器获取文件大小。

喜欢：

if(IE > 9){
   // use FileApi
}else{
   // put a call to the server to get the 
   // file size. an ajax call would be fine.
}