码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2015-04-16 22:03:32      阅读:580      评论:0      收藏:0      [点我收藏+]

标签:js判断input上传文件类型大小是否存

<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等浏览器

标签:js判断input上传文件类型大小是否存

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!