如何使用jquery限制文件上传

时间:2014-08-22 06:27:59

标签: jquery file-upload uploadify

我正在执行以下步骤来上传文件。但它接受所有类型的文件。我想限制单独执行 .pdf和.doc 。怎么办?

我的代码

<input type="file" id="Resume"/>

Jquery的

Candidate.AddUploadResumeBehavior = function () {
$('#Resume').uploadify({ 
    'swf': root + '/Content/Flash/uploadify.swf',
    'uploader': root + '/Candidates/UploadResume',
    'cancelImg': root + '/Content/Images/uploadify-cancel.png',
    'auto': true,
    'multi': true,
    'fileDesc': 'Image Files',
    'fileExt': '*.jpg;*.png;*.gif;*.pdf;*.bmp;*.jpeg;*.doc',
    'queueSizeLimit': 90,
    'sizeLimit': 4000000,
    'buttonText': 'Upload Resume',
    'width': 200,
    'folder': root + '/uploads',
    'onComplete': function (event, queueID, fileObj, response, data) {
        Dial4Jobz.Common.ShowMessageBar("Resume has been uploaded.");
    },
    'onError': function (event, ID, fileObj, errorObj) {
        var msg;
        if (errorObj.type === "File Size")
            msg = 'File size cannot exceed 4MB';
        else
            msg = "An error occured while attempting to uploading resume."

        Common.ShowMessageBar(msg);
        this.hide();
    }
});

};

我尝试将扩展程序文件'*.jpg;*.png;*.gif;*.pdf;*.bmp;*.jpeg;*.doc'更改为'*.doc; *.pdf'。但它没有改变。怎么做?

2 个答案:

答案 0 :(得分:1)

我认为这应该可以解决您的问题:

'fileTypeExts' : '*.gif; *.jpg; *.png'.....

而不是“fileExt”使用“fileTypeExts”,你的问题应该修复..

答案 1 :(得分:0)

实现onSelect回调函数并检查每个文件的类型。通过调用

删除包含无效类型的文件
$jQuery('#uploadify').uploadifyCancel(queueID)