jquery fileupload限制上传文件类型

johnhuster的分享

发布于 2022-03-28 19:05:16

2.7K00

代码可运行

文章被收录于专栏：johnhusterjohnhuster

运行总次数：0

代码可运行

jquery fileupload是一款不错的上传文件jquery插件，官网地址为：https://github.com/blueimp/jQuery-File-Upload，使用手册：https://github.com/blueimp/jQuery-File-Upload/wiki/Setup，有时我们需要限制上传文件的类型，其实实现这个功能很简单，在add回调中添加下面代码就可以：

add: function(e, data) {
         var acceptFileTypes = /^image\/(gif|jpe?g|png)$/i;
//文件类型判断
         if(data.originalFiles[0]['type'].length && !acceptFileTypes.test(data.originalFiles[0]['type'])) {
             alert("上传文件类型不对");
   return ;
         }
        data.submit();
 }

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2017/08/11 ，如有侵权请联系 cloudcommunity@tencent.com 删除

jquery