c# - FileReader.readAsBinaryString 是否返回二进制或基于 ASCII 的字符集？

Question

简而言之，我想将图像的二进制数据发送到我的处理程序，该处理程序将作为字节数组保存在数据库中。在我的 Javascript 中使用 readAsBinaryString(f) 读取文件输入的值，我将得到如下输出:

GIF89a,úæÿÿÿ2c½3fÌ Smaäµééúþc«T.[ÈéùAtεÚõ[ãXßÆî*[µc³8Ûõüÿfj¥æ§ÈïÛå÷ËØñI}ÓQ×
*\»q£E}Ûÿå§ÓõþÿIÛv¤Þ´Åè«æ ³][us¬çAy×MÞ,a½«ÔóZÝL2äëùQ×(Eq<pË5V¨·ÏIÓ¨»åQßY¥3bØÈ
æ¬z³é<uÓ3£ÎñE¾á÷RÛR¢K­®ÎØØìÍAtÓÑÔØrÀ-hݪÑïôõüR|ÎäóÖUËåæçXÔw»^s®ëI}ÛQ}ÔEÛ·Îñ½Óêd»Ì
ÌëöåóôöÖàñE×Cr¿C¤3óúëLÍYÜ3fõûöÑðû Øûÿõw²ñ`ª»ßÀy|Á¿ÃIuÔM×ûñû{¹R4¼ìe¡äl«ç!ÿNETSCA
PE2.0!ÿXMP DataXMP<?xpacket begin="" id="W5M0MpCehiHzreSzNTczkc9d"?> <x:xmpm
eta xmlns:x="adobe:ns:meta/" x:xmptk="Adobe XMP Core 5.3-c011 66.145661, 2012/02
/06-14:56:27   // etc..  

该数据通过 AJAX 发送:

$.ajax({
    url: theUrl,
    type: 'POST',
    data: { Image: image } // image = data above
});

这是一个二进制字符串？当我将此字符串发送到我的处理程序 (IHttpHandler) 时，为了将其存储到字节数组中，如果我将编码设置为 ISO-8859-1，我可能只会获取字节。

public void ProcessRequest (HttpContext aContext) 
{ 
    // This works as long as requestValidationMode = "2.0" in web.config
    // Is there a way to bypass HttpRequestValidationException  just on 
    // THIS data?
    byte[] imageBytes = System.Text.Encoding.GetEncoding("ISO-8859-1").GetBytes(_Context.Request["Image"]);

    //...
}

这正常吗？这也会抛出 HttpRequestValidationException(从 .. 检测到潜在危险的 Request.Form 值)。我宁愿不更改 requestValidationMode，因为它对 XSS 开放，那么如何转义二进制字符串呢？ Base64 编码是否涵盖了这一点，如果是，那么在处理程序中从 Base64 进行的转换是否包含有关其数据类型的元数据？

Answer 1

查看您在代码中所做的事情真的很有帮助，这就是我 asked 的原因你展示它。我猜想您的代码如下所示:

var f = $("image").files[0];
var reader = new FileReader();
reader.readAsBinaryString(f);
var image = reader.result;

$.ajax({
    url: theUrl,
    type: 'POST',
    data: { Image: image }
});

现在当你说:

I'll get output like this:

GIF89a,úæÿÿÿ2c½3...

Is my output [...] binary data?

是的，但是您可以阅读它，所以它是文本。二进制数据和文本数据之间的区别有点令人困惑，阅读 this如果您想变得更加困惑。问题的原因是编码，如该文章中所述。

这取决于您如何将它输出到您的页面，但浏览器可能会或可能不会对其接收的数据应用某种编码(Fiddler 检查可以告诉您更多关于通过 HTTP 线路发送的内容)和将其显示为或多或少可读的文本。

这不适用于您的 image变量，其中包含来自 readAsBinaryString() 的实际二进制数据结果，以“原始二进制数据[原文如此]”的形式。哦，松散类型，谁在乎你返回什么。我猜/希望是一个字节数组。您现在需要将其发送到服务器。文件上传最好由 <input type="file" /> 处理元素，但有时您需要使用 AJAX 来做一些事情。你can't确实通过 JavaScript 进行真正的文件上传，尽管据我所知浏览器支持 seems to be增加。

所以你需要POST将文件内容作为发布表单的参数之一。为了使用二进制数据成功实现这一点，您需要对其进行正确编码以提交表单。

首先确保使用 content-type 发出请求的 application/x-www-form-urlencoded .您可以在 Fiddler 中或通过查阅 manual 来检查这一点.后者根本没有提到任何编码，你必须 figure that out .

现在你需要url-encode二进制数据以便发布它。此函数返回输入字节，解释为 UTF-8，作为可以安全发布的 URL 编码字符串。然后服务器端，你可以更换

System.Text.Encoding.GetEncoding("ISO-8859-1").GetBytes(_Context.Request["Image"]);

与

System.Text.Encoding.UTF8.GetBytes(_Context.Request["Image"]);

但是为什么文件的内容仍然是那种形式的呢？作为this answer提到，FileReader还包含一个 readAsDataURL 方法，它允许您使用 reader.result直接作为POST变量。

所以，你的代码变成这样:

var f = $("image").files[0];
var reader = new FileReader();
reader.readAsDataURL(f);
var image = reader.result;

$.ajax({
    url: theUrl,
    type: 'POST',
    data: { Image: image }
});

然后在服务器端，你必须从 base 64 解码数据:

byte[] imageBytes = System.Convert.FromBase64String(_Context.Request["Image"]);

它是如何工作的？