首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >专栏 >jQuery-File-Upload如何限制上传文件的大小

jQuery-File-Upload如何限制上传文件的大小

作者头像
johnhuster的分享
发布2022-03-28 14:01:35
发布2022-03-28 14:01:35
1.8K00
代码可运行
举报
文章被收录于专栏:johnhusterjohnhuster
运行总次数:0
代码可运行

之所以写这篇文章,因为搜索时搜到很多文章说通过设置“maxFileSize”即可,查看jQuery-File-Upload源码发现根本就没有这个选项,小伙伴们就不要相信这个做法了,接下来给出一个可行的解决方案:在add方法中增加对文件大小的判断,文件过大则弹出提示不提交文件:

代码语言:javascript
代码运行次数:0
运行
复制
add: function(e, data) {
         var uploadErrors = [];
         var acceptFileTypes = /^image\/(gif|jpe?g|png)$/i;
//文件类型判断
         if(data.originalFiles[0]['type'].length && !acceptFileTypes.test(data.originalFiles[0]['type'])) {
             uploadErrors.push('Not an accepted file type');
         }
//文件大小判断
         if(data.originalFiles[0]['size'].length && data.originalFiles[0]['size'] > 5000000) {
             uploadErrors.push('Filesize is too big');
         }
         if(uploadErrors.length > 0) {
             alert(uploadErrors.join("\n"));
         } else {
             data.submit();
         }
 }
本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2016/12/01 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档