2016-10-14 11 views
1

私はbootstrap fileinputを使用して、ajaxを使用してサーバーにファイルをアップロードします。サーバーは結果としてjsonテキストを返します。しかし、私はそれにアクセスする方法を知らない。bootstrap-fileinputで応答データを取得するには?

HTML:

<input 
    id="file-uploader" 
    name="files[]" 
    data-show-caption="false" 
    data-upload-url="dataProcessor.php?s=700" 
    class="file" 
    type="file" 
    multiple 
    data-language="de" 
    data-min-file-count="1" 
> 

JS:

$('#file-uploader').fileinput({ 
    uploadClass: "btn btn-info", 
    removeClass: "btn btn-danger" 
}); 

$('#file-uploader').on('fileuploaded', function(event) { 
    // event.data is undefined 
}); 
+0

あなたは手の込んだしてください、提供された入力にはお答えできません。 ajaxのコールコードを提供する – vamsi

+0

質問を投稿しました。 –

+0

event.dataを使用しないでください。この機能(データ){console.log(data);} – vamsi

答えて

2

イベントは2つのパラメータを返します。 console.logこのよう

を含んだものを見るために、それらの両方:

$('#file-uploader').on('fileuploaded', function(event, data) { 
    // and check what's in both params 
    console.log(event); 
    console.log(data); 
}); 
+0

ありがとうございます。 jsonは 'data.jqXHR.responseJSON'にあります。 –

+0

@IterAtor - 問題ありません。チェックマークをクリックして回答としてマークしてください。ありがとう! – Ted

+0

これが正しいことを確認できます。私は私のプロジェクトのいくつかでこれを使用しました。 'data.response'オブジェクトにアクセスすることができます。これはサービス/ APIからのJsonレスポンスオブジェクトでなければなりません。私の' Json 'レスポンスの中に '{" success ":false、" error ":" "}"を例に挙げます。問題を混乱させるだけでなく、いくつかの他のプロパティもあります。リストを含むドキュメントへのこのリンクを含めることができます:http://plugins.krajee.com/file-input#event-fileuploaded –

関連する問題