Allow only pdf, doc, docx format for file upload?

Question

I am triggering a file upload on href click.
I am trying to block all extension except doc, docx and pdf.
I am not getting the correct alert value.

<div class="cv"> Would you like to attach you CV? <a href="" id="resume_link">Click here</a></div>     <input type="file" id="resume" style="visibility: hidden"> 

Javascript:

        var myfile="";         $('#resume_link').click(function() {             $('#resume').trigger('click');             myfile=$('#resume').val();             var ext = myfile.split('.').pop();             //var extension = myfile.substr( (myfile.lastIndexOf('.') +1) );              if(ext=="pdf" || ext=="docx" || ext=="doc"){                 alert(ext);             }             else{                 alert(ext);             }          }) 

MyFiddle..its showing error

Answer 1

You can use

<input name="Upload Saved Replay" type="file"    accept="application/pdf,application/msword,   application/vnd.openxmlformats-officedocument.wordprocessingml.document"/> 

whearat

• application/pdf means .pdf
• application/msword means .doc
• application/vnd.openxmlformats-officedocument.wordprocessingml.document means .docx

instead.

[EDIT] Be warned, .dot might match too.

Answer 2

Better to use change event on input field.

Updated source:

var myfile="";  $('#resume_link').click(function( e ) {     e.preventDefault();     $('#resume').trigger('click'); });  $('#resume').on( 'change', function() {    myfile= $( this ).val();    var ext = myfile.split('.').pop();    if(ext=="pdf" || ext=="docx" || ext=="doc"){        alert(ext);    } else{        alert(ext);    } }); 

Updated jsFiddle.