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    lt div class  cv  gt  Would you like to attach you CV   lt a href    id  resume link  gt Click here lt  a gt  lt  div gt       lt input type  file  id  resume  style  visibility  hidden  gt    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

User · Answer

var file   form getForm   findField  file   getValue    var fileLen   file length  var lastValue   file substring fileLen - 3  fileLen   if  lastValue     doc      check same for other file format

User · Answer

Try this            resume link   click function             var ext       resume   val   split      pop   toLowerCase            if   inArray ext    doc   pdf   docx       -1                   false          else                 true                     Hope it will help

User · Answer

You can use    lt input name  Upload Saved Replay  type  file     accept  application pdf application msword    application vnd openxmlformats-officedocument wordprocessingml document   gt    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

User · Answer

Below code worked for me    lt input  fileInput type  file  id  avatar  accept  application pdf application msword application vnd openxmlformats-officedocument wordprocessingml document    gt   application pdf means  pdf application msword means  doc application vnd openxmlformats-officedocument wordprocessingml document means  docx

User · Answer

You can simply make it by REGEX   Form    lt form method  post  action    enctype  multipart form-data  gt       lt div class  uploadExtensionError  style  display  none  gt Only PDF allowed  lt  div gt       lt input type  file  name  item file    gt       lt input type  submit  id  submit  value  submit   gt   lt  form gt    And java script validation    lt script gt          submit   click function event            var val      input type file    val   toLowerCase            var regex   new RegExp          pdf docx doc              if   regex test val                      uploadExtensionError   show                event preventDefault                       lt  script gt    Cheers

User · Answer

x000D   x000D      surat lampiran   bind  change   function     x000D    alerr       x000D    sts   false  x000D    alert this files 0  type   x000D    if this files 0  type     application pdf   amp  amp  this files 0  type     application msword   amp  amp  this files 0  type     application vnd openxmlformats-officedocument wordprocessingml document    x000D    sts   true  x000D    alerr     Jenis file bukan  pdf  doc  docx    x000D    x000D      x000D   x000D   x000D

User · Answer

For only acept files with extension doc and docx in the explorer window try this       lt input type  file  id  docpicker    accept   doc  docx application msword application vnd openxmlformats-officedocument wordprocessingml document  gt

User · Answer

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

[javascript] Allow only pdf, doc, docx format for file upload?

Examples related to javascript

Examples related to jquery