昨天說了 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
好了,今天就分享這些了。。