Convert examples/image_decoders/jpeg_viewer.js to await/async #14123

This commit is contained in:
Benson Imoh,ST 2021-10-19 23:22:44 +01:00
parent 52fce0d17b
commit f263c860bd
No known key found for this signature in database
GPG Key ID: 3BD60649DB0CD9C9

View File

@ -25,34 +25,14 @@ const JPEG_IMAGE = "fish.jpg";
const jpegCanvas = document.getElementById("jpegCanvas"); const jpegCanvas = document.getElementById("jpegCanvas");
const jpegCtx = jpegCanvas.getContext("2d"); const jpegCtx = jpegCanvas.getContext("2d");
(async function () {
// Load the image data, and convert it to a Uint8Array. // Load the image data, and convert it to a Uint8Array.
// //
let nonBinaryRequest = false; const response = await fetch(JPEG_IMAGE);
const request = new XMLHttpRequest(); if (!response.ok) {
request.open("GET", JPEG_IMAGE, false); throw new Error(response.statusText);
try {
request.responseType = "arraybuffer";
nonBinaryRequest = request.responseType !== "arraybuffer";
} catch (e) {
nonBinaryRequest = true;
}
if (nonBinaryRequest && request.overrideMimeType) {
request.overrideMimeType("text/plain; charset=x-user-defined");
}
request.send(null);
let typedArrayImage;
if (nonBinaryRequest) {
const str = request.responseText,
length = str.length;
const bytes = new Uint8Array(length);
for (let i = 0; i < length; ++i) {
bytes[i] = str.charCodeAt(i) & 0xff;
}
typedArrayImage = bytes;
} else {
typedArrayImage = new Uint8Array(request.response);
} }
const typedArrayImage = new Uint8Array(await response.arrayBuffer());
// Parse the image data using `JpegImage`. // Parse the image data using `JpegImage`.
// //
@ -80,3 +60,4 @@ for (let j = 0, k = 0, jj = width * height * 4; j < jj; ) {
jpegCanvas.width = width; jpegCanvas.width = width;
jpegCanvas.height = height; jpegCanvas.height = height;
jpegCtx.putImageData(imageData, 0, 0); jpegCtx.putImageData(imageData, 0, 0);
})();