0

Dropzone オブジェクトから (Vue-Dropzone を使用して) ファイルを取得しformData、他のパラメーターを使用して構築しているカスタム オブジェクトにファイルを追加するのが困難です。

私が達成しようとしているのは、Ajaxを介して送信するDropzoneを含むフォームであり、ユーザーが選択したすべてのファイルを取得して、バックエンドに渡すオブジェクトを次の形式で作成しようとしています

files[file_1] = file_1
files[file_2] = file_2 

等々。以下のコードを使用しましたが、成功しませんでした

let files = {};
  _.each(this.$refs.dropzoneID.getQueuedFiles(), (file, index) => {
    files[index] = file;
});

// console.log(files);

this.formData.append('files', files);

process_form_via_axios_call

バックエンドで得られるものは次のとおりです。

params={"files"=>"[object Object]"}

私はこのようなことを期待していますが:

{"files" => {"file_1"=>#<ActionDispatch::Http::UploadedFile:0x007fd14c9ec940 @tempfile=#<Tempfile:/var/folders/lk/bhps4r5d3s1fzmywxlp59f480000gn/T/RackMultipart20171002-87936-1tnd839.jpg>, @original_filename="restaurant-person-woman-coffee-medium.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"file\"; filename=\"restaurant-person-woman-coffee-medium.jpg\"\r\nContent-Type: image/jpeg\r\n">......}

どうすればこれを達成できますか?

4

1 に答える 1