HTTP请求边界JavaScript
本文关键字:JavaScript 边界 请求 HTTP | 更新日期: 2023-09-27 18:11:00
我想知道如何处理边界中的二进制数据…现在我的代码正在提交原始数据,但我不确定如何包装它以供我的c#看到。
这是我当前的代码…
/*global window, document, XMLHttpRequest, FormData, FileReader, Uint8Array, alert, BlobBuilder, navigator */
function sendForm(filefield) {
"use strict";
var reader, filedata, bb, xhr, blobber;
filedata = document.getElementById(filefield).files[0];
reader = new FileReader();
reader.onloadend = function (evt) {
if (evt.readyState === FileReader.Done) {
if (navigator.userAgent.indexOf("Chrom") !== -1) {
bb = new window.WebKitBlobBuilder();
} else if (navigator.userAgent.indexOf("Firefox") !== -1) {
bb = new window.MozBlobBuilder();
} else {
bb = new BlobBuilder();
}
bb.append(reader.result);
blobber = bb.getBlob();
xhr = new XMLHttpRequest();
xhr.open("POST", "imageprocessor.aspx", true);
xhr.setRequestHeader("Content-type", "image/png");
xhr.setRequestHeader("Content-length", reader.length);
xhr.send(blobber);
}
};
reader.readAsArrayBuffer(filedata);
}
window.onload = function () {
"use strict";
document.getElementById("sender").onclick = function () {
sendForm("file");
};
};
我的html…
<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
<title>Test</title>
<script src="fileuploader.js" type="text/javascript"></script>
</head>
<body>
<div>
<input type="file" name="file" id="file" />
</div>
<div><input type="button" value="送る" id="sender" /></div>
</body>
</html>
和我的c#…
<%@ Page language="C#" validateRequest=false %>
<%@ Import Namespace="System.IO" %>
<%@ Import Namespace="System.Text" %>
<%@ Import Namespace="System.Threading" %>
<script language="C#" runat="server">
private void Page_Load (object sender, System.EventArgs e)
{
int loop1;
HttpFileCollection Files;
Files = Request.Files; // Load File collection into HttpFileCollection variable.
Response.Write(Files.Count);
// arr1 = Files.AllKeys; // This will get names of all files into a string array.
// for (loop1 = 0; loop1 < arr1.Length; loop1++)
// {
// Response.Write("File: " + Server.HtmlEncode(arr1[loop1]) + "<br />");
// Response.Write(" size = " + Files[loop1].ContentLength + "<br />");
// Response.Write(" content type = " + Files[loop1].ContentType + "<br />");
// }
}
</script>
基本的工作流程是:
"用户提交图像,当图像被上传时(更新进度条或其他东西),图像被发布到处理页面,页面将图像保存到自己的文件,源页面显示完成"您不是在发送MIME编码文件,您只是在发送文件内容,因此HttpRequest.Files
对您来说将是无用的。使用HttpRequest.InputStream
来阅读你发布的东西