兼容 IE6+ 获取图片大小

王朝学院·作者佚名  2016-05-23
窄屏简体版  字體: 小  |  中  |  大  |  超大  

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

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

 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
 
© 2005- 王朝網路 版權所有 導航