手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >jQuery统计上传文件大小的方法
jQuery统计上传文件大小的方法
摘要:本文实例讲述了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程序设计有所帮助。

【jQuery统计上传文件大小的方法】相关文章:

jQuery插件制作之参数用法实例分析

jQuery实现返回顶部效果的方法

jQuery实现dialog设置focus焦点的方法

jQuery实现仿腾讯微博滑出效果报告每日天气的方法

js比较日期大小的方法

jQuery解析XML文件同时动态增加js文件的方法

JavaScript获取当前运行脚本文件所在目录的方法

jQuery计算文本框字数及限制文本框字数的方法

jQuery子窗体取得父窗体元素的方法

jQuery实现限制textarea文本框输入字符数量的方法

精品推荐
分类导航