js判断上传文件的大小,及确认文件是否在本地存在,兼容firefox、chrome、ie等浏览器

<pre name="code" class="javascript">上传图片文件的html标签
<input name="file" type="file" id="<span style="color:#ff0000;">file</span>" accept="image/gif,image/jpeg,image/png">
<input name="submit" value="Upload" type="submit" onclick="<span style="font-family: Arial, Helvetica, sans-serif;">selectImage</span><span style="font-family: Arial, Helvetica, sans-serif;">('</span><span style="color:#ff0000;font-family: Arial, Helvetica, sans-serif;">file</span><span style="font-family: Arial, Helvetica, sans-serif;">')"></span>

//javascript脚本来判断是否是图片文件,以及上传时文件是否还存在(以防选择后误删除)<span style="white-space:pre">	</span><pre name="code" class="javascript">function selectImage(file) {
var fileInput = document.getElementById("file");
var filePath = fileInput.value;var fileExt = filePath.substring(filePath.lastIndexOf(".")).toLowerCase();if (!checkFileExt(fileExt)){alert("请上传jpg、gif、png格式的图片文件,重新上传!");return false;}//firfox、chrome等浏览器判断文件大小if (fileInput.files && fileInput.files[0]) {var size = fileInput.files[0].size;if (size>=1048576) {alert("你的文件大于1M,超过文件大小限制不能上传");return false;} else if (size == 0) {alert("文件不存在或者文件大小为0");return false;}} else {//IE浏览器判断文件大小fileInput.select();var url = document.selection.createRange().text;try {var fso = new ActiveXObject("Scripting.FileSystemObject");} catch (e) {alert(‘如果你用的是ie 请将安全级别调低!‘);return false;}var exist = fso.FileExists(url);if(!fso.FileExists(url)){alert("文件不存在");return false;}if(fso.GetFile(url).size>=1048576){alert("你的文件大于1M,超过文件大小限制不能上传");return false;}}}function checkFileExt(ext){if (!ext.match(/.jpg|.gif|.png/i)) {return false;}return true;}


郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。