首页 > Web开发 > 详细

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

时间:2015-04-16 22:00:17      阅读:1852      评论:0      收藏:0      [点我收藏+]
<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;}


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

原文:http://blog.csdn.net/tszxlzc/article/details/45079973

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!