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