jQuery-File-Upload:基础版本验证

Question

我想使用basic version of jQuery-File-Upload并验证输入(我只想上传对大小有限制的特定类型)。

因此，如果我应用选项acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,，我希望只有图像是可上传的。令我惊讶的是，acceptFileTypes选项被忽略了，我仍然可以上传任何文件(例如test.tar )。

用基本版本验证输入是不可能的吗？下面是我修改后的代码(我只在基本示例中添加了acceptFileTypes和maxFileSize )。

$(function () {
    'use strict';
    // Change this to the location of your server-side upload handler:
    var url = 'server/php/';
    $('#fileupload').fileupload({
        url: url,
        dataType: 'json',
        acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
        maxFileSize: 999000,
        done: function (e, data) {
            $.each(data.result.files, function (index, file) {
                $('<p/>').text(file.name).appendTo('#files');
            });
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('#progress .progress-bar').css(
                'width',
                progress + '%'
            );
        }
    }).prop('disabled', !$.support.fileInput)
        .parent().addClass($.support.fileInput ? undefined : 'disabled');
});

Answer 1

该脚本似乎只在我清除缓存后才接受更改。现在验证起作用了。