新しいAjaxUploadはボタンタグからの画像のみを受け入れる

Question

私はここに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'); 
     } 
    } 
}); 

、私はすべてのファイルタイプを見ることができます。私が望むのは、accept属性を持つ入力ファイルを使うのと同じようにイメージファイルの種類だけを見ることです。

Answer 1

ベストあなたは以下の

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

を使用する場合は、すべての近代的なブラウザがこれをサポートしています。