javascript - 使用 Ajax POST 请求将图像和 JSON 数据发送到服务器？

Question

我想发送用户从他们的机器中选择的图像以及所有包装在 JSON 对象中并发送到服务器的表单数据。我正在使用 Node 作为服务器。是否可以将图像与其他表单元素一起放在 JSON 对象中并在 Node 中读取？

Answer 1

我遇到的常见方法是使用 Base64 字符串方法:将图像编码为 Base64 字符串并将其设置为发送到服务器的 JSON 对象的一部分。

另一种方法似乎是在 JSON 中使用二进制数据，但我之前从未尝试过，所以我提供的信息不多。

Here's在 Javascript 中进行 Base64 编码的代码示例。具体找下面的方法

function getBase64Image(imgElem) {
// imgElem must be on the same server otherwise a cross-origin error will be thrown "SECURITY_ERR: DOM Exception 18"
    var canvas = document.createElement("canvas");
    canvas.width = imgElem.clientWidth;
    canvas.height = imgElem.clientHeight;
    var ctx = canvas.getContext("2d");
    ctx.drawImage(imgElem, 0, 0);
    var dataURL = canvas.toDataURL("image/png");
    return dataURL.replace(/^data:image\/(png|jpg);base64,/, "");
}