js限制本地上传文件大小(支持ie6,7,8 firefox 谷歌)
2012-04-04 21:44
543 查看
首先 对于ie 必须使用ActiveXObject 来访问本地文件。 这就需要将浏览器的 安全级别调低。 然后重点就是如何在ie8获取本地路径。
而对于 firefox 谷歌等新一代的浏览器 直接可以通过fileInput.files 来获取file的对象数组
下面是一个完成的测试例子。
<input id="upload_img" type="file" onchange="onUploadImgChange(this)" />
fileInput.select(); var url = document.selection.createRange().text; $('#imageTest').attr('src',url); try{ var fso = new ActiveXObject("Scripting.FileSystemObject"); } catch(e) { alert('如果你用的是ie8 请将安全级别调低!'); } alert("文件大小为:"+fso.GetFile(url).size);
而对于 firefox 谷歌等新一代的浏览器 直接可以通过fileInput.files 来获取file的对象数组
if( fileInput.files && fileInput.files[0] ){ alert(fileInput); alert( fileInput.files[0]) alert('你选择的文件大小'+fileInput.files[0].size); var xx=fileInput.files[0]; for(var i in xx) { alert (xx[i]) } }
下面是一个完成的测试例子。
<input id="upload_img" type="file" onchange="onUploadImgChange(this)" />
<script type="text/javascript">
function onUploadImgChange(fileInput) {
var filePath = fileInput.value;
var fileExt = filePath.substring(filePath.lastIndexOf("."))
.toLowerCase();
if (!checkFileExt(fileExt))
{
alert("您上传的文件不是图片,请重新上传!");
return;
}
if (fileInput.files && fileInput.files[0]) {
alert(fileInput);
alert(fileInput.files[0])
alert('你选择的文件大小' + fileInput.files[0].size);
var xx = fileInput.files[0];
for ( var i in xx) {
alert(xx[i])
}
} else {
fileInput.select();
var url = document.selection.createRange().text;
try {
var fso = new ActiveXObject("Scripting.FileSystemObject");
} catch (e) {
alert('如果你用的是ie 请将安全级别调低!');
}
alert("文件大小为:" + fso.GetFile(url).size);
}
}
function checkFileExt(ext)
{
if (!ext.match(/.jpg|.gif|.png|.bmp/i)) {
return false;
}
return true;
}
</script>
相关文章推荐
- js限制本地上传文件大小(支持ie6,7,8 firefox 谷歌)
- js实现上传图片本地预览功能以及限制图片的文件大小和尺寸大小
- js判断上传文件的大小,及确认文件是否在本地存在,兼容firefox、chrome、ie等浏览器
- js实现在ie6和firefox下获取上传文件的大小
- js实现上传文件大小限制,兼容IE、Firefox、Chrome
- js实现文件批量上传,支持ie firefox
- js限制上传文件大小
- Apache+PHP,swfupload做批量上传时遇到的文件类型支持问题和文件上传大小限制问题的相应解决方案
- 客户端js判断文件类型和文件大小即限制上传大小
- js上传限制文件大小
- js客户端判断文件大小限制上传
- js限制上传文件的大小
- JS限制上传文件类型和大小(不是宽高)
- 客户端js判断文件类型和文件大小即限制上传大小图片预览
- js限制上传文件大小及类型
- js限制上传文件类型和大小
- iis6和iis7限制上传文件(请求头)大小以及不支持FSO解决方法
- js限制input file文件上传的大小和类型
- 本地上传文件大小不受限制,但发布到服务器只能传1M以内的
- JS限制上传图片大小不使用控件在本地实现