window.ENTITIES={'/api/snippets/javascript/javascript%20-%20convert%20blob%20object%20to%20uint8array%20object%20(to%20bytes%20array)':[{"result":true,"message":null,"batch":{"type":"javascript","name":"javascript - convert blob object to uint8array object (to bytes array)","items":[{"id":"p5AkOp","type":"javascript","name":"JavaScript - convert Blob object to Uint8Array object (to bytes array)","content":"// Warning: Blob arrayBuffer() method appeared in the major web browser around 2019-2020 (in Deno v1.0 (2020), in Node.js v15.7.0 (2021)).\n\n\nconst toArray = (blob, callback) => {\n    const promise = blob.arrayBuffer();\n    promise.then((buffer) => callback(new Uint8Array(buffer)));\n};\n\n\n// Usage example:\n\nconst blob = ...;  // Blob object\n\ntoArray(blob, (array) => {\n    console.log(`array.length=${array.length}`);\n    console.log(`array[0]=${array[0]}`);\n    console.log(`array[1]=${array[1]}`);\n    console.log(`array[2]=${array[2]}`);\n    console.log(`...`);\n});\n\n\n// See also:\n//   1. https://dirask.com/snippets/JavaScript-convert-Blob-object-to-Uint8Array-object-to-bytes-array-1GMYbp","source":"","author":{"id":"koPxOo","name":"Cassia","avatar":"1629138645309__koPxOo__w40px_h40px.jpg","points":1415,"role":"BASIC"},"creationTime":1673321540000,"updateTime":1673328880000,"removalTime":null},{"id":"1xJaxp","type":"javascript","name":"JavaScript - convert Blob object to Uint8Array object (to bytes array)","content":"// Warning: Blob arrayBuffer() method appeared in the major web browser around 2019-2020 (in Deno v1.0 (2020), in Node.js v15.7.0 (2021)).\n\nconst toArray = async (blob) => new Uint8Array(await blob.arrayBuffer());\n\n\n// Usage example (in async logic):\n\nconst blob = ...;                   // Blob object\nconst array = await toArray(blob);  // Uint8Array object\n\nconsole.log(`array.length=${array.length}`);\nconsole.log(`array[0]=${array[0]}`);\nconsole.log(`array[1]=${array[1]}`);\nconsole.log(`array[2]=${array[2]}`);\nconsole.log(`...`);\n\n\n// See also:\n//   1. https://dirask.com/snippets/JavaScript-convert-Blob-object-to-Uint8Array-object-to-bytes-array-1GMYbp","source":"","author":{"id":"Zon7K0","name":"Mikolaj","avatar":"1629141594613__Zon7K0__w40px_h40px.jpg","points":519,"role":"BASIC"},"creationTime":1673321962000,"updateTime":1673328889000,"removalTime":null},{"id":"pYEzRp","type":"javascript","name":"JavaScript - convert Blob object to Uint8Array object (to bytes array)","content":"const toArray = (blob, callback) => {\n    const reader = new FileReader();\n    reader.onload = () => {\n        callback(new Uint8Array(reader.result));\n    };\n    // reader.onerror = () => { /* ... */ };\n    reader.readAsArrayBuffer(blob);\n};\n\n\n// Usage example:\n\nconst blob = ...;  // Blob object\n\ntoArray(blob, (array) => {\n    console.log(`array.length=${array.length}`);\n    console.log(`array[0]=${array[0]}`);\n    console.log(`array[1]=${array[1]}`);\n    console.log(`array[2]=${array[2]}`);\n    console.log(`...`);\n});\n\n\n// See also:\n//   1. https://dirask.com/snippets/JavaScript-convert-Blob-object-to-Uint8Array-object-to-bytes-array-1GMYbp","source":"","author":{"id":"E0kjgo","name":"Dragontry","avatar":"1629030398251__E0kjgo__w40px_h40px.png","points":731,"role":"BASIC"},"creationTime":1673322333000,"updateTime":1705973405000,"removalTime":null},{"id":"DKgK6D","type":"javascript","name":"JavaScript - convert Blob object to Uint8Array object (to bytes array)","content":"const toArray = async (blob) => {\n    return new Promise((resolve, reject) => {\n        const reader = new FileReader();\n        reader.onload = () => {\n            resolve(new Uint8Array(reader.result))\n        };\n        reader.onerror = () => {\n            reject();\n        };\n        reader.readAsArrayBuffer(blob);\n    });\n};\n\n\n// Usage example (in async logic):\n\nconst blob = ...;                   // Blob object\nconst array = await toArray(blob);  // Uint8Array object\n\nconsole.log(`array.length=${array.length}`);\nconsole.log(`array[0]=${array[0]}`);\nconsole.log(`array[1]=${array[1]}`);\nconsole.log(`array[2]=${array[2]}`);\nconsole.log(`...`);\n\n\n// See also:\n//   1. https://dirask.com/snippets/JavaScript-convert-Blob-object-to-Uint8Array-object-to-bytes-array-1GMYbp","source":"","author":{"id":"zDvPzo","name":"jarlh","avatar":"1629130905223__zDvPzo__w40px_h40px.jpg","points":635,"role":"BASIC"},"creationTime":1673322495000,"updateTime":1705973397000,"removalTime":null},{"id":"1GMYbp","type":"javascript","name":"JavaScript - convert Blob object to Uint8Array object (to bytes array)","content":"// Note: presented solution works in the older web browsers also.\n\n\nconst toArray = async (blob) => {\n    if (blob.arrayBuffer) {\n        return new Uint8Array(await blob.arrayBuffer());\n    }\n    return new Promise((resolve, reject) => {\n        const reader = new FileReader();\n        reader.onload = () => {\n            resolve(new Uint8Array(reader.result))\n        };\n        reader.onerror = () => {\n            reject();\n        };\n        reader.readAsArrayBuffer(blob);\n    });\n};\n\n\n// Usage example (in async logic):\n\nconst blob = ...;                   // Blob object\nconst array = await toArray(blob);  // Uint8Array object\n\nconsole.log(`array.length=${array.length}`);\nconsole.log(`array[0]=${array[0]}`);\nconsole.log(`array[1]=${array[1]}`);\nconsole.log(`array[2]=${array[2]}`);\nconsole.log(`...`);\n\n\n// See also:\n//   1. https://dirask.com/snippets/JavaScript-convert-Blob-object-to-Int8Array-object-to-bytes-array-jMXbdp","source":"","author":{"id":"jDXMxa","name":"maryam","avatar":"1629030439771__jDXMxa__w40px_h40px.png","points":1241,"role":"BASIC"},"creationTime":1673327547000,"updateTime":1705973389000,"removalTime":null}]}}]};