13 
$('#fileupload')
    .fileupload({
        acceptFileTypes: /(\.|\/)(jpg)$/i
    })
    .on('fileuploadadd', function (e, data) {
        console.log(data.files.valid); //undefined
        setTimeout(function () {
            console.log(data.files.valid); //true or false
        }, 500);
    })
;

jsFiddle

タイムアウトなし でプロパティのブール値を取得する方法はdata.files.valid？

4

6 に答える 6

21

プラグインの現在のバージョン（5.39.1）で検証を行う必要がありましたが、これは私にとってはうまくいきます：

初期化スクリプトの前後に、必ずこの順序で含めjquery.fileupload-process.jsてください。jquery.fileupload-validate.js jquery.fileupload.js

初期化スクリプトで検証オプションを追加し、fileuploadprocessalwaysコールバックで検証を確認します。

$('.fileinput').fileupload({
    // The regular expression for allowed file types, matches
    // against either file type or file name:
    acceptFileTypes: /(\.|\/)(gif|jpe?g|png)$/i,
    // The maximum allowed file size in bytes:
    maxFileSize: 10000000, // 10 MB
    // The minimum allowed file size in bytes:
    minFileSize: undefined, // No minimal file size
    // The limit of files to be uploaded:
    maxNumberOfFiles: 10
  }).on('fileuploadprocessalways', function (e, data) {
    var currentFile = data.files[data.index];
    if (data.files.error && currentFile.error) {
      // there was an error, do something about it
      console.log(currentFile.error);
    }
  });

すべての検証はオプションです。不要な検証を残さないでくださいundefined。

于 2013-11-28T08:16:19.093 に答える
18

これがあなたがしたいことです：

$('#fileupload')
    .fileupload({
        acceptFileTypes: /(\.|\/)(jpg)$/i
    })
    .bind('fileuploadadded', function (e, data) {
        console.log(data.files.valid);
    });

コアのjquery.fileupload.jsファイルはファイルを追加し、「fileuploadadd」イベントをトリガーしますが、それはファイルが検証される前です。

ファイルjquery.fileupload-ui.jsは、ファイルが追加された後に検証を実行し、それが完了すると、別の「fileuploadadded」イベントをトリガーします。

イベントを変更すれば、準備は完了です。

ご注意ください：

この回答は、投稿された2013年3月の時点で有効であり、機能しています。それ以来、このアップロードプラグインは変更されたようです。つまり、新しい問題があるということです。この質問に反対票を投じるのではなく、新しい質問を投稿する（または誰かがすでに持っているかどうかを検索する）必要があります。

于 2013-03-29T00:00:59.607 に答える
2

これは私が行ったことであり、新しいバージョンでは機能しました。ファイルの種類とそのサイズごとに1つの検証を作成しました。

$("#fileUploadArea").fileupload({
        dataType: 'json',
        url:'${upload}',
        multiple:true,
        autoSubmit:false,
        maxNumberOfFiles: Number('${quantidadeMaximaArquivosUpload}'),
        dynamicFormData: function()
        {
            var data ={ 
                    idEntidadeEmpresarial: $('#idEntidadeEmpresarial').val(),
                    idDominioFamilia: $('#idDominioFamilia').val(),
                    idSubgrupo: $('select[id^="subgrupo_').map(function(){return $(this).val();}).get(),
                    descricao: $('#descricao').val(),
                    validade: $('#validade').val()
            }
            return data;
        },
        headers: {
            Accept: "application/json"
        },
        accept: 'application/json',        
        imageMaxWidth: 800,
        imageMaxHeight: 800,
        imageCrop: true ,
        stop: function(){
            $.unblockUI();
            if($('#fechar').is(":checked")){
                window.close();
            }else{
                $('select[id^="subgrupo_').each(function(){
                    $(this).val('');
                    $(this).trigger("chosen:updated");
                })
                $('#validade').val('');
                $('#descricao').val('');
                $('#sucesso').html('');
                $('#sucesso').append('<p><spring:message code="upload.sucesso"/>');
                $('#sucesso').show();
            }
        },
        error: function(files,status,errMsg)
        {
            $('#erro').html('');
            $('#erro').append('<p>'+errMsg+'</p>');
            $('#erro').show();
        },
        acceptFileTypes : ${listaExtensaoPermitidas}
    }).on('fileuploadprocessalways', function (e, data) {
        var currentFile = data.files[data.index];

        var tamanho = currentFile.size;
        var extensao = currentFile.name.substring(currentFile.name.lastIndexOf(".") +1,currentFile.name.length);            

        if(hashExtensao.get(extensao.toUpperCase()) < tamanho){
            alert("file type max size "+hashExtensao.get(extensao.toUpperCase());
            data.abort();
        }

    });
于 2014-08-19T13:59:03.403 に答える
2

addメソッドを使えば可能だと思います。

    var fileUploadInit = function() {
    $("#file-upload-form").fileupload({
        dataType: "json",
        url: url,
        add: function (e, data){
            if(validatefunction(data)){
                data.submit();
            } else {
                return false;
            }
        },
        progressall: function (e, data) {
            var progress = parseInt(data.loaded / data.total * 100, 10);
            $('#upload-progress').css('width',progress + '%');
        },
        done: function(e, data) {
            debugger
        },
        processfail: function(e, data){
            debugger
        }

    })
}
var validatefunction = function(data){
    // Do validation here. Return true if everything is correct else return                 false
}
于 2018-11-12T06:06:48.243 に答える
1

これは、プラグインの新しいバージョン（9.11.2）で実行したいことです。次のファイルを含めます
。--
jquery.ui.widget.js --jquery.iframe-transport.js
--jquery.fileupload.js
--jquery.fileupload -process.js
--jquery.fileupload-validate.js

$('#fileupload')
.fileupload({
    acceptFileTypes: /(\.|\/)(jpg)$/i
})
.on('fileuploadadd', function (e, data) {
    console.log('validation object not available at this point. Do not do submit here');
})
.on('fileuploadprocessalways', function (e, data) {
    console.log(data.files.error);//true if error
    console.log(data.files[0].error);//error message
    if(!data.files.error) data.submit(); //do submission here
});
于 2016-01-18T13:21:43.043 に答える
0

ええと、@jszbodyによる答えは完璧な答えです。

しかし、誰かがここに着陸して、ファイルが正しく追加されていないかどうかをユーザーが知りたがっている同様の問題の解決策を探している場合に備えて、私のように。

blueimpjquery-file-upload追加に失敗してもエラーはスローされません

于 2014-03-07T05:07:07.603 に答える