js限制本地上传文件大小(支持ie6,7,8 firefox 谷歌)

首先 对于ie 必须使用ActiveXObject 来访问本地文件。 这就需要将浏览器的 安全级别调低。 然后重点就是如何在ie8获取本地路径。

<input id="upload_img" type="file" οnchange="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" οnchange="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>



  • 0
    点赞
  • 6
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值