0

スタンドアロンの添付ファイルを作成できましたが、content_type が multipart/form-data になってしまいます。私は何を間違っていますか？コードの後に​​は、投稿からの応答が続き、その後に要求が続きます。リクエスト ペイロードのコンテンツ タイプが正しいことをリクエストで確認できます。

コード：

 function uploadFile() {
    var fd = new FormData();
    var file = document.getElementById('fileToUpload').files[0];
    fd.append("fileToUpload", document.getElementById('fileToUpload').files[0]);
    var xhr = new XMLHttpRequest();
    xhr.upload.addEventListener("progress", uploadProgress, false);
    xhr.addEventListener("load", uploadComplete, false);
    xhr.addEventListener("error", uploadFailed, false);
    xhr.addEventListener("abort", uploadCanceled, false);
    xhr.open("PUT", "http://usr:pswd@localhost:5984/db_test/testdoc7/"+ file.name +"?rev=1-967a00dff5e02add41819138abb3284d");

    xhr.send(fd);
  }

応答：

{
   "_id": "testdoc7",
   "_rev": "2-2841dcd640adb94de525e486be34052e",
   "_attachments": {
       "P9025287.JPG": {
           "content_type": "multipart/form-data; boundary=----WebKitFormBoundary9QNXLDTeW13Gc1ip",
           "revpos": 2,
           "digest": "md5-VcoscthaPUYoWHBmCBaAnA==",
           "length": 3083669,
           "stub": true
       }
   }
}

リクエスト：

Request URL:http://usr:pswd@localhost:5984/db_test/testdoc7/P9025287.JPG?rev=1-967a00dff5e02add41819138abb3284d
Request Method:PUT
Status Code:201 Created
Request Headersview source
Accept:*/*
Accept-Charset:ISO-8859-1,utf-8;q=0.7,*;q=0.3
Accept-Encoding:gzip,deflate,sdch
Accept-Language:en-US,en;q=0.8
Connection:keep-alive
Content-Length:3083669
Content-Type:multipart/form-data; boundary=----WebKitFormBoundary9QNXLDTeW13Gc1ip
Cookie:AuthSession=YmRyaG9hOjUwOUFFNDg3OnR23NsQsqdQvnKp7HX_0g90grXw
Host:localhost:5984
Origin:http://localhost:5984
Referer:http://localhost:5984/estante_test/_design/library/html5/html5test.html
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_8_2) AppleWebKit/537.11 (KHTML, like Gecko) Chrome/23.0.1271.64 Safari/537.11
Query String Parametersview URL encoded
rev:1-967a00dff5e02add41819138abb3284d
Request Payload
------WebKitFormBoundary9QNXLDTeW13Gc1ip
Content-Disposition: form-data; name="fileToUpload"; filename="P9025287.JPG"
Content-Type: image/jpeg


------WebKitFormBoundary9QNXLDTeW13Gc1ip--
Response Headersview source
Cache-Control:must-revalidate
Content-Length:71
Content-Type:text/plain; charset=utf-8
Date:Wed, 07 Nov 2012 22:45:40 GMT
ETag:"2-2841dcd640adb94de525e486be34052e"
Location:http://localhost:5984/estante_test/testdoc7/P9025287.JPG
Server:CouchDB/1.2.0 (Erlang OTP/R15B)
4

1 に答える 1

1

あなたのコードは、フォーム全体の本体をCouchDBにPUTしています。添付ファイルを見ると、Content-Typeだけが間違っているわけではないことがわかると思います。このようなものがうまくいくはずです：

function uploadFile() {
  var file = document.getElementById('fileToUpload').files[0];
  var xhr = new XMLHttpRequest();
  xhr.upload.addEventListener("progress", uploadProgress, false);
  xhr.addEventListener("load", uploadComplete, false);
  xhr.addEventListener("error", uploadFailed, false);
  xhr.addEventListener("abort", uploadCanceled, false);
  xhr.open("PUT", "http://usr:pswd@localhost:5984/db_test/testdoc7/"+ file.name +"?rev=1-967a00dff5e02add41819138abb3284d");
  xhr.send(file);
}

これは、ファイルインターフェイスがBlobを継承するために機能します。したがって、XHR2送信アルゴリズムは、ファイルの生データを送信し、ファイルエントリの.type属性に基づいてmimeタイプを設定します。

少なくとも一部のブラウザはファイルに対して適切なMIMEタイプの推測を提供しないため、xhr.setRequestHeader（）を介して自分自身にオーバーライドを提供しない限り、タイプとして「application/octet-stream」になる可能性があることに注意してください。

于 2012-11-09T22:15:13.163 に答える