how to restrict the files uploading using jquery

Question

I am doing the following steps to upload the file. But it is accepting all types of files.I want to restrict to do .pdf and .doc alone. How to do ?

My code

<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();
    }
});

};

Here i have tried to change the extensions files '*.jpg;*.png;*.gif;*.pdf;*.bmp;*.jpeg;*.doc' into '*.doc; *.pdf'. But it is not changed. how to do this?

Yunus Aslam · Accepted Answer · 2014-08-22 06:51:55Z

1

I think this should fix your issue :

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

Instead of "fileExt" use "fileTypeExts" and your issue shall be fixed..

answered Aug 22, 2014 at 6:51

Yunus Aslam

2,4764 gold badges28 silver badges43 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Zane6888 · Accepted Answer · 2014-08-22 06:57:17Z

0

Implement the onSelect callback function and check every file for its type. Remove files with invalid types by calling

$jQuery('#uploadify').uploadifyCancel(queueID)

answered Aug 22, 2014 at 6:57

Zane6888

363 bronze badges

Collectives™ on Stack Overflow

how to restrict the files uploading using jquery

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related