1

ユーザーが画像ファイルをアップロードできる新しいタイプの調査質問のフロントエンドに取り組んでいます。jQuery はファイルのアップロードをネイティブにサポートしていないため、 jQuery File Upload pluginを使用しようとしています。

プラグインを介してファイルを取得し、それを標準の json 形式に挿入するためのカスタム メソッドを作成するのに問題があります。これを行う方法は次のとおりです。

var url = "sendAnswer.json";
var questionId = 11; //This is set elsewhere
var fileValue = // Need to get the image file here
$.post(url,{
 "data[Answer][question_id]": questionId,
 "data[Answer][value]" : fileValue
});

送信する必要があるものと一致するように fileupload のオプションを適切に設定するにはどうすればよいですか? 基本的に、アップロード ファイルをデータ配列に入れる必要があります。デフォルトでは、プラグインによって個別に処理されると思います。

4

2 に答える 2

0

最初に正しいフォーマットでオブジェクトを作成し、次にそのオブジェクトを渡します。

var url = "sendAnswer.json";
var questionId = 11; //This is set elsewhere
var fileValue = // Need to get the image file here
dataObj = {"Answer": {"question_id": questionId, "value": fileValue}};
$.post(url,{
"data": dataObj
});
于 2013-10-31T21:26:39.787 に答える
0

誰かが似たようなことをしようとしている場合に備えて、私が尋ねた質問に答えを追加します。コールバック (「追加」など) で data.files を介して画像の詳細を取得できます。

var theUrl = 'url here';
$('#fileupload').fileupload({
        url: theUrl,
        dataType: 'json',
        autoUpload: false,
}).on('fileuploadadd', function (e, data) {
        // Can do things with the data here, "files" has details about the image
        console.log(data.files);
})
于 2015-09-22T22:41:56.973 に答える