new 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/*">

所有现代浏览器都支持此功能。