nuovo AjaxUpload accetta solo immagini dal tag button

Question

Ho qui un pulsante con uno script onload.

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

In base alla scelta, posso vedere tutti i tipi di file. Quello che voglio è vedere i tipi di file di immagini solo automaticamente come usare il file di input con l'attributo accept.

Answer 1

Meglio se si utilizza la seguente

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

tutti i browser moderni supporta questo.