zoukankan      html  css  js  c++  java
  • 兼容 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

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

  • 相关阅读:
    git相关整理
    cookie、sessionStorage和localStorage
    AJAX学习笔记
    json web token
    加密算法
    单点登陆
    给手机网络添加手动代理
    oracle数据库索引
    类加载器
    类加载过程
  • 原文地址:https://www.cnblogs.com/52cik/p/js-img-info.html
Copyright © 2011-2022 走看看