限制文件类型在JQuery文件上传演示

前端之家收集整理的这篇文章主要介绍了限制文件类型在JQuery文件上传演示前端之家小编觉得挺不错的,现在分享给大家,也给大家做个参考。
我正在使用 JQuery file upload demo作为我的下一个项目与Codeigniter。任何人都可以告诉我如何实现以下目标:

>将上传文件类型限制为.zip和.rar
>限制文件大小
>清除已上传文件列表(JQuery文件上传插件显示上传文件的列表)

帮助赞赏!

解决方法

您现在可能有很多解决方案,但是我想使用BASIC插件进行jquery上传程序,即没有任何其他脚本。由于某些原因,maxFileSize / fileTypes选项不起作用 – 然而,这绝对是我的缺乏阅读文档!

无论如何,对我来说,和以下一样快:

add: function (e,data) {
        var goUpload = true;
        var uploadFile = data.files[0];
        if (!(/\.(gif|jpg|jpeg|tiff|png)$/i).test(uploadFile.name)) {
            common.notifyError('You must select an image file only');
            goUpload = false;
        }
        if (uploadFile.size > 2000000) { // 2mb
            common.notifyError('Please upload a smaller image,max size is 2 MB');
            goUpload = false;
        }
        if (goUpload == true) {
            data.submit();
        }
    },

所以只需使用ADD选项只允许正则表达式中的图像类型,并检查(在我的情况下),文件大小最大为2mb。

相当基本,而且我确定maxFileSize选项工作,只是我只包括基本的插件脚本jquery.fileupload.js

编辑我应该添加在我的情况下,我正在上传一个文件(一个配置文件图像),所以data.files [0] ..你可以遍历文件集合当然。

猜你在找的jQuery相关文章