Javascript 如何从FormData设置包装器数据？

如何从FormData设置包装器数据

我在Rails中使用CarrierWave。
我正在从ajax调用一个WebAPI

此命令已成功执行

curl -X POST \
https://site-url/api/books/ \
-H 'cache-control: no-cache' \
-H 'content-type: multipart/form-data; boundary=----WebKitFormBoundary7MA4YWxkTrZu0gW' \
-F 'book[title]=test' \
-F book[image]=@kindle_3_0_library_ipad_iphone.jpg \
-F 'book[genre_id]=1'

这是当时的development.log

Parameters: {"book"=>{"title"=>"test", "image"=>#<ActionDispatch::Http::UploadedFile:0x0000000005f1d790 @tempfile=#<Tempfile:/tmp/RackMultipart20181016-37646-65mtjc.jpg>, @original_filename="kindle_3_0_library_ipad_iphone.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"book[image]\"; filename=\"kindle_3_0_library_ipad_iphone.jpg\"\r\nContent-Type: image/jpeg\r\n">, "genre_id"=>"1"}}

Parameters: {"title"=>"test", "image"=>#<ActionDispatch::Http::UploadedFile:0x00007f01dc083240 @tempfile=#<Tempfile:/tmp/RackMultipart20181016-37646-3zmceu.jpg>, @original_filename="41fQlZLtDgL._SX337_BO1,204,203,200_.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"image\"; filename=\"41fQlZLtDgL._SX337_BO1,204,203,200_.jpg\"\r\nContent-Type: image/jpeg\r\n">, "genre_id"=>"1"}

Parameters: {"object Object"=>nil}

这是当时的development.log

Parameters: {"book"=>{"title"=>"test", "image"=>#<ActionDispatch::Http::UploadedFile:0x0000000005f1d790 @tempfile=#<Tempfile:/tmp/RackMultipart20181016-37646-65mtjc.jpg>, @original_filename="kindle_3_0_library_ipad_iphone.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"book[image]\"; filename=\"kindle_3_0_library_ipad_iphone.jpg\"\r\nContent-Type: image/jpeg\r\n">, "genre_id"=>"1"}}

Parameters: {"title"=>"test", "image"=>#<ActionDispatch::Http::UploadedFile:0x00007f01dc083240 @tempfile=#<Tempfile:/tmp/RackMultipart20181016-37646-3zmceu.jpg>, @original_filename="41fQlZLtDgL._SX337_BO1,204,203,200_.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"image\"; filename=\"41fQlZLtDgL._SX337_BO1,204,203,200_.jpg\"\r\nContent-Type: image/jpeg\r\n">, "genre_id"=>"1"}

Parameters: {"object Object"=>nil}

这是当时的development.log

Parameters: {"book"=>{"title"=>"test", "image"=>#<ActionDispatch::Http::UploadedFile:0x0000000005f1d790 @tempfile=#<Tempfile:/tmp/RackMultipart20181016-37646-65mtjc.jpg>, @original_filename="kindle_3_0_library_ipad_iphone.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"book[image]\"; filename=\"kindle_3_0_library_ipad_iphone.jpg\"\r\nContent-Type: image/jpeg\r\n">, "genre_id"=>"1"}}

Parameters: {"title"=>"test", "image"=>#<ActionDispatch::Http::UploadedFile:0x00007f01dc083240 @tempfile=#<Tempfile:/tmp/RackMultipart20181016-37646-3zmceu.jpg>, @original_filename="41fQlZLtDgL._SX337_BO1,204,203,200_.jpg", @content_type="image/jpeg", @headers="Content-Disposition: form-data; name=\"image\"; filename=\"41fQlZLtDgL._SX337_BO1,204,203,200_.jpg\"\r\nContent-Type: image/jpeg\r\n">, "genre_id"=>"1"}

Parameters: {"object Object"=>nil}

我不知道如何设置可以保存的参数。

---

谢谢

表单数据应该有一个带有

多部分/表单数据的标题

const formData = new FormData();
const config = {
  headers: {
    'content-type': 'multipart/form-data'
  }
}

axios.post("/URL", formData, config)
    .then(...)

这个链接也是关于那个，完全不同的问题。

---

此问题已解决

request.append('book[title]', title);

---

已经设置好了。我想到了不同的问题。请求头接受：application/json、text/javascript、/；q=0.01接受编码：gzip，deflate，br接受语言：ja，en-US；q=0.9，en；q=0.8缓存控制：无缓存连接：保持活动内容长度：15内容类型：多部分/表单数据后期ajaxing行！