webuploader 限制文件类型

WebUploader 是一个简单易用的文件上传组件，可以通过它实现文件上传功能。关于限制文件类型，WebUploader 提供了以下几种方式：

1. 通过 accept 属性限制文件类型：在创建 Uploader 实例时，设置 accept 属性，如下所示：

var uploader = WebUploader.create({
    accept: {
        title: 'Images',
        extensions: 'gif,jpg,jpeg,bmp,png',
        mimeTypes: 'image/*'
    },
    // 其他配置项
});

2. 通过添加事件监听器限制文件类型：在添加文件之前，通过监听 beforeFileQueued 事件来判断文件类型是否符合要求，如下所示：

uploader.on('beforeFileQueued', function(file) {
    var fileType = file.type;
    if (fileType !== 'image/jpeg' && fileType !== 'image/png' && fileType !== 'image/gif') {
        alert('只能上传图片文件');
        return false;
    }
    return true;
});

3. 通过重写 Uploader 实例的 _beforeSendFile 方法限制文件类型：该方法在文件上传之前被调用，可以在该方法中判断文件类型是否符合要求，如下所示：

uploader._beforeSendFile = function(file) {
    var fileType = file.type;
    if (fileType !== 'image/jpeg' && fileType !== 'image/png' && fileType !== 'image/gif') {
        alert('只能上传图片文件');
        return false;
    }
    return true;
};

以上三种方式都可以限制文件类型，具体使用哪种方式取决于你的需求和实际情况。