2016-12-01 4 views
0

githubプラグインで問題をオープンしましたが、それほどアクティブではないようです。kartik-vブートストラップファイル入力プラグインで検証エラーを表示できません

私はファイルをAjax経由で送信していますが、アップロードが失敗すると(高さが小さすぎると)実際のエラーメッセージは表示されませんが、私のajax URLからエラーが発生しますが、何も送られないので。 私はajaxルートを呼び出すべきではないと思いますが、とにかく、私は 'fileuploaderror'で試してみましたが、私は望みのエラーを出していますが、それらを表示する方法はわかりません。 fileuploaderrorイベントには単純な方法が必要ですが、わかりません。 誰も私にこれを手伝ってもらえますか?

Issue link | Plugin page

おかげ

$("#id").fileinput({ 
    uploadUrl: "/ajax/snippet/image/send/78", // server upload action 
    deleteUrl: "/ajax/snippet/image/remove/", 
    uploadAsync: false, 
    showUpload: false, // hide upload button 
    showRemove: false, // hide remove button 
    maxFileCount: maxFile, 
    browseOnZoneClick: true, 
    language: "fr", 
    minImageWidth: 150, 
    minImageHeight: 150, 
    allowedFileExtensions: ["jpg", "jpeg", "gif", "bmp", "png"], 
    multiple: true, 
    maxFileSize: 5000, 
    uploadExtraData: function (previewId, index) { 
     return {key: index}; 
    }, 
    initialPreviewAsData: true, 
    overwriteInitial: false, 
    }).on("filebatchselected", function (event, files) { 
     // trigger upload method immediately after files are selected 
     $(this).fileinput("upload"); 
    }).on('fileuploaderror', function (event, data, msg) { 
     var form = data.form, files = data.files, extra = data.extra, 
       response = data.response, reader = data.reader; 
     // get message 
     alert(msg); 
    }); 
} 

答えて

0

[OK]を、私は私がアップロードを強制して、私の "filebatchselected" イベントでは、答えを得ました。

最初にアップロードするファイルが有効かどうかを確認する必要があります。

$("#id").fileinput({ 
    uploadUrl: "/ajax/snippet/image/send/78", // server upload action 
    deleteUrl: "/ajax/snippet/image/remove/", 
    uploadAsync: false, 
    showUpload: false, // hide upload button 
    showRemove: false, // hide remove button 
    maxFileCount: maxFile, 
    browseOnZoneClick: true, 
    language: "fr", 
    minImageWidth: 150, 
    minImageHeight: 150, 
    allowedFileExtensions: ["jpg", "jpeg", "gif", "bmp", "png"], 
    multiple: true, 
    maxFileSize: 5000, 
    uploadExtraData: function (previewId, index) { 
     return {key: index}; 
    }, 
    initialPreviewAsData: true, 
    overwriteInitial: false, 
    }).on("filebatchselected", function (event, files) { 
     // trigger upload method immediately after files are selected 
     var filesStack = $('#input-id').fileinput('getFileStack'); 
     if (filesStack.length > 0) { 
      $(this).fileinput("upload"); 
     } 
    }); 
} 
関連する問題