JavaScript input type=file 获取文件大小及类型限制

时间:2023-08-31 21:18:50
<input name="txtName" type="file" id="pic" onchange="loadImage(this)"/>

JavaScript代码:

function loadImage(img) {
var filePath = img.value;
var fileExt = filePath.substring(filePath.lastIndexOf("."))
.toLowerCase(); if (!checkFileExt(fileExt)) {
alert("您上传的文件不是图片,请重新上传!");
img.value = "";
return;
}
if (img.files && img.files[0]) {
// alert(img);
// alert(img.files[0])
alert('你选择的文件大小' + (img.files[0].size / 1024).toFixed(0) + "kb");
// var xx = img.files[0];
// for (var i in xx) {
// alert(xx[i])
// }
} else {
img.select();
var url = document.selection.createRange().text;
try {
var fso = new ActiveXObject("Scripting.FileSystemObject");
} catch (e) {
alert('如果你用的是ie8以下 请将安全级别调低!');
}
alert("文件大小为:" + (fso.GetFile(url).size / 1024).toFixed(0) + "kb");
}
}
function checkFileExt(ext) {
if (!ext.match(/.jpg|.gif|.png|.bmp/i)) {
return false;
}
return true;
}