Hình ảnh nhị phân được tải từ máy chủ đến hình ảnh với javascript

Question

Tôi đang tải hình ảnh jpeg từ máy chủ của tôi ở định dạng nhị phân qua XMLHttpRequest (tôi cần theo cách đó). Nó không được mã hóa base64.

Có thể biến nó thành đối tượng img bằng javascript không?

Cảm ơn

Answer 1

Nếu mã hóa ký tự của XMLHttpRequest đã được thiết lập để something that won't change the binary data, hoặc bạn đã set the response type, sau đó bạn có thể chạy .responseText qua btoa (đặt nó trong base64 và cho phép bạn gán nó như một dữ liệu URI) hoặc truy cập .response cho dữ liệu nhị phân, tương ứng.

---

Giả dụ bạn được đặt tên xhr và bạn đang sử dụng phương pháp charset trước xhr.send nhưng sau xhr.open làm

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

sau đó khi bạn đang 200 OK

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

mà bạn có thể sau đó được đặt làm src trong số <img>.

---

Một lần nữa giả định xhr, lần này là phương pháp .response; giữa .open và .send,

xhr.responseType = "arraybuffer"; 

Sau đó tại 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); 

nào thì bạn có thể thiết lập như là một src của một <img>. Example