首页 > 网站 > WEB开发 > 正文

兼容 IE6+ 获取图片大小

2024-04-27 14:20:40
字体:
来源:转载
供稿:网友

兼容 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

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


发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表