Разрешить только формат pdf, doc, docx для загрузки файлов?

Question

Я запускаю загрузку файла по клику href.
Я пытаюсь заблокировать все расширения, кроме doc, docx и pdf.
Я не получаю правильное значение предупреждения.

<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 показывая ошибку

Answer 1

Лучше использовать change событие на поле ввода.

Обновленный источник:

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

Обновлено jsFiddle.

Answer 2

Постарайтесь это

$('#resume_link').click(function() { 
     var ext = $('#resume').val().split(".").pop().toLowerCase(); 
     if($.inArray(ext, ["doc","pdf",'docx']) == -1) { 
      // false 
     }else{ 
      // true 
     } 
    }); 

Надеется, что это поможет

Answer 3

Вы можете использовать

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

whearat

• application/pdf означает .pdf
• application/msword означает .doc
• application/vnd.openxmlformats-officedocument.wordprocessingml.document означает .docx

вместо этого.

[EDIT] Будьте предупреждены, .dot может совпадать.

Answer 4

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} 

Answer 5

$('#surat_lampiran').bind('change', function() { 
 
    alerr = ""; 
 
    sts = false; 
 
    alert(this.files[0].type); 
 
    if(this.files[0].type != "application/pdf" && this.files[0].type != "application/msword" && this.files[0].type != "application/vnd.openxmlformats-officedocument.wordprocessingml.document"){ 
 
    sts = true; 
 
    alerr += "Jenis file bukan .pdf/.doc/.docx "; 
 
} 
 
});

Answer 6

Вы можете просто сделать его Regex:

Форма:

<form method="post" action="" enctype="multipart/form-data"> 
    <div class="uploadExtensionError" style="display: none">Only PDF allowed!</div> 
    <input type="file" name="item_file" /> 
    <input type="submit" id='submit' value="submit"/> 
</form> 

И ява скрипт проверки:

<script> 
    $('#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(); 
     } 
    }); 
</script> 

Cheers!

Answer 7

Ниже код работает для меня:

<input #fileInput type="file" id="avatar" accept="application/pdf,application/msword,application/vnd.openxmlformats-officedocument.wordprocessingml.document" /> 

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