jQuery统计上传文件大小的方法
jQuery统计上传文件大小的方法
发布时间:2016-12-30 来源:查字典编辑
摘要:本文实例讲述了jQuery统计上传文件大小的方法。分享给大家供大家参考。具体如下:对于现代浏览器(支持html5)来说,在客户端统计上传文件...

本文实例讲述了jQuery统计上传文件大小的方法。分享给大家供大家参考。具体如下:

对于现代浏览器(支持html5)来说,在客户端统计上传文件的大小,可以通过$(selector)[0].files[0].size来实现。但在老版本的IE浏览器中,比如IE7,IE8或IE9,却不支持这种做法,但可以借助ActiveXObject对象来实现。

复制代码 代码如下:<input type="file" name="f" id="f" value="上传文件"/>

<input type="button" value="获取上传图片的大小" id="g"/>

@section scripts

{

<script type="text/javascript">

$(function() {

$('#g').on("click", function() {

getFileSize("f");

});

});

function getFileSize(eleId) {

try {

var size = 0;

if ($.browser.msie) {//ie旧版浏览器

var fileMgr = new ActiveXObject("Scripting.FileSystemObject");

var filePath = $('#' + eleId)[0].value;

var fileObj = fileMgr.getFile(filePath);

size = fileObj.size; //byte

size = size / 1024;//kb

//size = size / 1024;//mb

} else {//其它浏览器

size = $('#' + eleId)[0].files[0].size;//byte

size = size / 1024;//kb

//size = size / 1024;//mb

}

alert('上传文件大小为' + size + 'kb');

} catch (e) {

alert("错误:" + e);

}

}

</script>

}

补充:

在IE中启用ActiveXObject按如下做法:

→工具

→Internet选项

→安全

→自定义级别,启用ActiveXObject

jQuery统计上传文件大小的方法1

希望本文所述对大家的jQuery程序设计有所帮助。

推荐文章
猜你喜欢
附近的人在看
推荐阅读
拓展阅读
相关阅读
网友关注
最新Javascript教程学习
热门Javascript教程学习
编程开发子分类