javascript - 新的 AjaxUpload 只接受来自按钮标签的图像

Question

我这里有一个带有加载脚本的按钮。

HTML

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

脚本

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

选择后，我可以看到所有文件类型。我想要的是只自动查看图像文件类型，就像使用具有接受属性的输入文件一样。

Answer 1

最好使用以下内容

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

所有现代浏览器都支持这一点。