10 examples of 'blob to base64' in JavaScript

Every line of 'blob to base64' code snippets is scanned for vulnerabilities by our powerful machine learning engine that combs millions of open source libraries, ensuring your JavaScript code is secure.

All examples are scanned by Snyk Code

By copying the Snyk Code Snippets you agree to
40function blobToBase64(blob, cb) {
41 var reader = new FileReader();
42
43 reader.onload = function() {
44 var dataUrl = reader.result;
45 var base64 = dataUrl.split(',')[1];
46 cb(base64);
47 };
48
49 reader.readAsDataURL(blob);
50}
4function blobToBase64(blobOrBuffer, callback) {
5 blobOrBufferToBinaryString(blobOrBuffer, function (base64) {
6 callback(btoa(base64));
7 });
8}
23function base64ToBlob_(base64, mimetype) {
24 var BASE64_MARKER = ';base64,';
25 var raw = window.atob(base64);
26 var rawLength = raw.length;
27 var uInt8Array = new Uint8Array(rawLength);
28 for (var i = 0; i < rawLength; ++i) {
29 uInt8Array[i] = raw.charCodeAt(i);
30 }
31
32 if (imagelib.util.hasBlobConstructor()) {
33 return new Blob([uInt8Array], {type: mimetype})
34 }
35
36 var bb = new BlobBuilder();
37 bb.append(uInt8Array.buffer);
38 return bb.getBlob(mimetype);
39}
93decodeBlob(blob) {
94 return this.getClass().decodeBlob(blob);
95}
611export function base64ToBlob(base64: string): Blob {
612 const sliceSize = 1024
613 const byteChars = globalThis.atob(base64)
614 const byteArrays = []
615 let len = byteChars.length
616
617 for (let offset = 0; offset < len; offset += sliceSize) {
618 const slice = byteChars.slice(offset, offset + sliceSize)
619
620 const byteNumbers = new Array(slice.length)
621 for (let i = 0; i < slice.length; i++) {
622 byteNumbers[i] = slice.charCodeAt(i)
623 }
624
625 const byteArray = new Uint8Array(byteNumbers)
626
627 byteArrays.push(byteArray)
628 len = byteChars.length
629 }
630
631 return new Blob(byteArrays, { type: 'image/jpeg' })
632}
51function base64DataUriToBlob(url) {
52 // 5 is length of "data:" prefix
53 var mime = url.substr(5, url.indexOf(';') - 5);
54 var data = atob(url.substr(url.indexOf(',') + 1));
55 /* global Uint8Array */
56 var binary = new Uint8Array(data.length);
57
58 for (var i = 0; i < data.length; i++) {
59 binary[i] = data[i].charCodeAt(0);
60 }
61
62 try {
63 return new Blob([binary], { type: mime });
64 } catch (e) {
65 return null;
66 }
67}
99function blobToBase64Png(image) {
100 var png = image.getImage();
101 var chunks = [];
102
103 return new Promise(function(resolve) {
104 png.pack();
105 png.on('data', function(chunk) {
106 chunks.push(chunk);
107 });
108 png.on('end', function() {
109 var result = Buffer.concat(chunks);
110 resolve('data:image/png;base64,' + result.toString('base64'));
111 });
112 });
113}
23function base64ToBlob(data) {
24 var mimeString = '';
25 var raw, uInt8Array, i, rawLength;
26
27 raw = data.replace(rImageType, function(header, imageType) {
28 mimeString = imageType;
29
30 return '';
31 });
32
33 raw = atob(raw);
34 rawLength = raw.length;
35 uInt8Array = new Uint8Array(rawLength); // eslint-disable-line
36
37 for (i = 0; i < rawLength; i += 1) {
38 uInt8Array[i] = raw.charCodeAt(i);
39 }
40
41 return new Blob([uInt8Array], {type: mimeString});
42}
173function blobToBase64String(blob) {
174 return blobToBinaryString(blob).then(function (binary) {
175 return btoa(binary);
176 });
177}
35b64toBlob: function b64toBlob(b64) {
36 return new Promise((resolve, reject) => {
37 var img = new Image();
38
39 img.onload = function onload() {
40 var canvas = document.createElement('canvas');
41 canvas.width = img.width;
42 canvas.height = img.height;
43
44 var ctx = canvas.getContext('2d');
45 ctx.drawImage(img, 0, 0, canvas.width, canvas.height);
46
47 canvas.toBlob(resolve);
48 };
49
50 img.onerror = reject;
51
52 img.src = b64;
53 });
54},

Related snippets