jquery - JQuery 文件上传演示中限制文件类型

Question

我正在使用JQuery file upload demo我的下一个项目是使用 Codeigniter。谁能告诉我如何实现以下目标:

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

感谢帮助!!

Answer 1

你现在可能有很多解决方案，但是我想使用 jquery 上传程序的 BASIC 插件，即没有任何其他脚本..由于某种原因 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].. 当然，您可以迭代文件集合。