我正在尝试使用 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 对象的内容?或者有什么方法可以只读取没有标题的文件内容?
最佳答案
您应该使用 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
.
关于javascript - HTML5 XHR FileUpload 和 ASP.Net 的问题,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/7221262/