javascript - 使用javascript从服务器加载二进制图像到图像

Question

我正在通过 XMLHttpRequest 从我的服务器以二进制格式加载 jpeg 图像(我需要这样)。它不是 base64 编码的。

是否可以使用 javascript 将其转换为 img 对象？

谢谢

Answer 1

如果XMLHttpRequest的字符编码已设置为 something that won't change the binary data ，或者你有 set the response type , 然后你可以运行 .responseText通过btoa (将其放入 base64 并让您将其分配为数据 URI)或访问 .response分别为二进制数据。

---

假设您的实例名为 xhr并且您在 xhr.send 之前使用字符集方法但在 xhr.open 之后做

xhr.overrideMimeType("text/plain; charset=x-user-defined");

然后当你是200 OK

var dataURI = 'data:image/jpeg;base64,' + btoa(xhr.responseText);

然后您可以将其设置为 <img> 的 src .

---

再次假设 xhr ，这次.response方法;在 .open 之间和 .send ,

xhr.responseType = "arraybuffer";

然后在 200 OK

var arrayBufferView = new Uint8Array(xhr.response), // can choose 8, 16 or 32 depending on how you save your images
    blob = new Blob([arrayBufferView], {'type': 'image\/jpeg'}),
    objectURL = window.URL.createObjectURL(blob);

然后您可以将其设置为 <img> 的 src . Example