Sending and Receiving Binary Data

Nhận dữ liệu nhị phân

Thuộc tính responseType của đối tượng XMLHttpRequest có thể được đặt để thay đổi kiểu phản hồi mong đợi từ máy chủ. Các giá trị hợp lệ là chuỗi rỗng (mặc định), "arraybuffer", "blob", "document", "json", và "text". Thuộc tính response sẽ chứa phần thân thực thể theo responseType, dưới dạng ArrayBuffer, Blob, Document, JSON, hoặc chuỗi. Giá trị này là null nếu yêu cầu chưa hoàn tất hoặc không thành công.

Ví dụ này đọc một hình ảnh như một tệp nhị phân và tạo một mảng số nguyên không dấu 8 bit từ các byte thô. Lưu ý rằng cách này sẽ không giải mã hình ảnh và đọc các pixel. Việc đó có thể được thực hiện bằng giao diện ImageDecoder.

const req = new XMLHttpRequest();
req.open("GET", "/myfile.png", true);
req.responseType = "arraybuffer";

req.onload = (event) => {
  const arrayBuffer = req.response; // Lưu ý: không phải req.responseText
  if (arrayBuffer) {
    const byteArray = new Uint8Array(arrayBuffer);
    byteArray.forEach((element, index) => {
      // làm gì đó với từng byte trong mảng
    });
  }
};

req.send(null);

Bạn cũng có thể đọc một tệp nhị phân dưới dạng Blob bằng cách đặt chuỗi "blob" cho thuộc tính responseType.

const req = new XMLHttpRequest();
req.open("GET", "/myfile.png", true);
req.responseType = "blob";

req.onload = (event) => {
  const blob = req.response;
  // …
};

req.send();