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

2019-04-15 19:17发布

<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; }