neue AjaxUpload akzeptieren nur Bild von Button-Tag

Question

Ich habe hier eine Schaltfläche mit einem Onload-Skript.

HTML

<button class="btn default-btn logo_btn" id="photo_uploader">Upload New Photo</button> 

SCRIPT

$(function(){ 
var btnUpload=$('#photo_uploader'); 
new AjaxUpload(btnUpload, { 
    action: base_URL+'upload', 
    data: {pid:$('#page').data('id') }, 
    dataType: 'json', 
    name: 'fileToUpload', 
    onSubmit: function(file, ext){ 
     console.log('onSubmit triggred'); 
     console.log(ext); 
     xr_load(['#logo_btns',"start"]); 
     if (! (ext && /^(jpg|png|jpeg|gif)$/.test(ext))){ 
      alert ('images only'); 
     } 
    } 
}); 

Nach der Auswahl kann ich alle Dateitypen sehen. Was ich will, ist, Bilddateitypen nur automatisch zu sehen, wie Eingabedatei mit accept-Attribut zu verwenden.

Answer 1

Am besten, wenn Sie die folgende

<input type="file" accept="image/*"> 

alle modernen Browser unterstützt dies.