javascript - HTML5 XHR FileUpload 和 ASP.Net 的问题

Question

我正在尝试使用 HTML5 的 XMLHttpRequest 上传文件。

这是我的代码:

var xhr = new XMLHttpRequest();
xhr.open("POST", "receive.aspx", true);
//xhr.setRequestHeader("Content-Type", "multipart/form-data");
xhr.setRequestHeader("Content-Type", "application/octet-stream");
xhr.send($("#fileobject").files[0]);

在服务器端，我得到 0 的 Request.Files.Count。但是，如果我读取输入流，我会得到文件的标题，如下所示:

------WebKitFormBoundarylAWVSRo5qeSpsnzn Content-Disposition:
form-data; name="fileToUpload"; filename="a.txt" Content-Type:
application/octet-stream

Testing

------WebKitFormBoundarylAWVSRo5qeSpsnzn--

上传的文件只包含“测试”字样。

服务器代码:

Stream inputStream = Request.InputStream;
FileStream fileStream = new FileStream("c:\\test.txt", FileMode.OpenOrCreate);
inputStream.CopyTo(fileStream); 
fileStream.Close();

我的客户端 Javascript 中是否缺少任何未填充服务器上的 Request.Files 对象的内容？或者有什么方法可以只读取没有标题的文件内容？

Answer 1

您应该使用 XHR2 的 FormData API创建一个 multipart/form-data 请求主体。您可以通过 append() 方法附加每个 form-data 部分。它还接受一个 File。

var formData = new FormData();
formData.append("myfile", $("#fileobject").files[0]);

var xhr = new XMLHttpRequest();
xhr.open("POST", "receive.aspx");
xhr.send(formData);

XHR2 将注意正确的 header 和请求主体编码，并且在此示例中，文件将作为 form-data 部分在服务器端可用，名称为 myfile .