2012-11-08 27 views
0

我已经能够创建一个独立的附件,但作为多/表单数据的CONTENT_TYPE结束。我做错了什么?代码之后是帖子的回复,然后是请求;您可以在请求中看到请求有效内容中的内容类型是正确的。如何设置一个独立的附件内容类型

代码:

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:[email protected]: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:[email protected]: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) 

回答

1

您的代码PUT'ing整个形式的CouchDB的身体。我怀疑如果你看附件,你会发现不仅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:[email protected]:5984/db_test/testdoc7/"+ file.name +"?rev=1-967a00dff5e02add41819138abb3284d"); 
    xhr.send(file); 
} 

这工作,因为文件接口的斑点继承,所以XHR2 send algorithm将提交文件的原始数据,以及设置基于该文件条目的。类型属性的MIME类型。

注意,至少某些浏览器没有为文件提供一个很好的MIME类型的猜测,所以你可能仍然结束了“应用程序/八位字节流”的类型,除非你通过xhr.setRequestHeader()提供自己的覆盖。