Question

我正在使用JavaScript和Classic ASP创建文件上传器。图像被导入到画布中，然后base64 URL被发送到ASP脚本，在那里进行解码和下载。

我相信我的AJAX请求和base64解码工作正常。但是，下载后，查看图像为空白。我知道一些属性正在工作，因为上传的任何图像尺寸都反映在下载中。我已验证base64 URL正常工作，因为我可以保存在浏览器中导出图像。

为了相关起见，我缩短了代码。

使用Javascript：

var dataURL = canvas.toDataURL("image/png");
document.getElementById('filePreview').src = dataURL

var request = new XMLHttpRequest();
request.onreadystatechange = function () {
    if (request.readyState === 4 && request.status === 200) {
        console.log("Image saved.");
    }
};
request.open("POST", "upload.asp", true);
request.setRequestHeader("Content-type","application/x-www-form-urlencoded");
request.send("dataURL=" + dataURL);

经典ASP：

base64String = Request.Form("DataURL")

Set tmpDoc = Server.CreateObject("MSXML2.DomDocument")
Set nodeB64 = tmpDoc.CreateElement("b64")
nodeB64.DataType = "bin.base64"
nodeB64.Text = Mid(base64String, InStr(base64String, ",") + 1)

dim bStream : set bStream = server.CreateObject("ADODB.stream")
bStream.type =  1
call bStream.Open()

call bStream.Write( nodeB64.NodeTypedValue )
call bStream.SaveToFile(Server.Mappath("logos/test.png"), 2 )

call bStream.close()
set bStream = nothing

Answer 1

问题证明是canvas.toDataURL返回的字符串中的加号。

在服务器端，加号被解码为空格字符。所以解决方法是在发送之前对该字符串进行编码。

request.send("dataURL=" + encodeURIComponent(dataURL));

将“+”字符变为“％2B” - 然后由ASP解释为“+”。

文件上传者保存空白图片？

1 个答案: