源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-04-11 17:28 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:jQuery统计上传文件大小的方法
本文实例讲述了jQuery统计上传文件大小的方法。分享给大家供大家参考。具体如下: 对于现代浏览器(支持html5)来说,在客户端统计上传文件的大小,可以通过$(selector)[0].files[0].size来实现。但在老版本的IE浏览器中,比如IE7,IE8或IE9,却不支持这种做法,但可以借助ActiveXObject对象来实现。
[u]复制代码[/u] 代码如下:
<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 [img]http://files.jb51.net/file_images/article/201501/2015124104838071.png?201502410492[/img] 希望本文所述对大家的jQuery程序设计有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部