jQuery-File-Upload:使用基本版验证

时间:2017-03-08 23:54:34

标签: jquery jquery-file-upload

我想使用basic version of jQuery-File-Upload并验证输入(我只想上传某些带有约束大小的类型)。

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

是否无法使用基本版本验证输入?以下是我更改的代码(我只在基本示例中添加了acceptFileTypesmaxFileSize)。

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

1 个答案:

答案 0 :(得分:0)

在清除缓存后,脚本似乎只会执行更改。现在验证工作。