当前访客身份:游客 [ 登录  | 注册加入尚学堂]
启用新域名sxt.cn
新闻资讯

兼容 IE6+ 获取图片大小

helloworld 发表于 2年前  | 评论(0 )| 阅读次数(504 )|   0 人收藏此文章,   我要收藏

昨天说了 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

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

分享到:0
关注微信,跟着我们扩展技术视野。每天推送IT新技术文章,每周聚焦一门新技术。微信二维码如下:
微信公众账号:尚学堂(微信号:bjsxt-java)
声明:博客文章版权属于原创作者,受法律保护。如果侵犯了您的权利,请联系管理员,我们将及时删除!
(邮箱:webmaster#sxt.cn(#换为@))
北京总部地址:北京市海淀区西三旗桥东建材城西路85号神州科技园B座三层尚学堂 咨询电话:400-009-1906 010-56233821
Copyright 2007-2015 北京尚学堂科技有限公司 京ICP备13018289号-1 京公网安备11010802015183