兼容 IE6+ 獲取圖片大小


昨天說了 HTML5 的file對象可以獲取到文件的 文件名,文件大小,文件類型,最后一次修改日期。
其實 IE6-9 也可以變向的獲取到,雖然沒那么方便,但至少可以取到。
來看例子吧:

<!doctype html>
<html lang="zh">
<head>
  <meta charset="UTF-8">
  <title>test</title>
</head>
<body>
  <input type="file" id="myfile" />
  <script>
  var myfile = document.getElementById("myfile");
  
  myfile.onchange = function () {
    if (window.File) {
      var img = myfile.files[0];
      alert([img.name, img.type, img.size, img.lastModified || img.lastModifiedDate].join(" - "));
    } else {
      myfile.select();
      var url = document.selection.createRange().text;
      var img = new Image();
      
      img.onload = function () {
        alert([img.nameProp, img.mimeType, img.fileSize, img.fileModifiedDate].join(" - "));
        img.onload = null;
      };
      img.src = url;
      
    }
  }
  </script>
</body>
</html>

IE 6

IE 7

IE 8

IE 9

chrome

firefox

PS: 推薦用虛擬機測試,因為我用IE11的仿真測試,結果有時取到有時取不到,被坑的不淺啊。。

FF 下獲取最后修改時間不是 lastModified 而是 lastModifiedDate

好了,今天就分享這些了。。


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM