Your Base64 string is not valid. It must be padded with = characters to have a length that is a multiple of 4. In your case: “eyJlbWFp….MTM3fQ==”. With this padding, initWithBase64EncodedString decodes the Base64 string correctly.
This is my solution for python 3.7 and without using PIL import base64 def readb64(uri): encoded_data = uri.split(‘,’)[1] nparr = np.fromstring(base64.b64decode(encoded_data), np.uint8) img = cv2.imdecode(nparr, cv2.IMREAD_COLOR) return img i hope that this solutions works for all
I think part of the problem you’re hitting is that jQuery.ajax does not natively support XHR2 blob/arraybuffer types which can nicely handle binary data (see Reading binary files using jQuery.ajax). If you use a native XHR object with xhr.responseType=”arraybuffer”, then read the response array and convert it to Base64, you’ll get what you want. Here’s a … Read more
Why not try the following code?: const buffer = Buffer.from(rawData, ‘base64’); const bufString = buffer.toString(‘hex’);
for those who still can’t do it, i found this in someone else answer, but i don’t remember who… var objbuilder=””; objbuilder += (‘<object width=”100%” height=”100%” data=”https://stackoverflow.com/questions/40674532/data:application/pdf;base64,”); objbuilder += (myBase64string); objbuilder += (‘” type=”application/pdf” class=”internal”>’); objbuilder += (‘<embed src=”https://stackoverflow.com/questions/40674532/data:application/pdf;base64,”); objbuilder += (myBase64string); objbuilder += (‘” type=”application/pdf” />’); objbuilder += (‘</object>’); var win = window.open(“#”,”_blank”); var … Read more
Citing MDN on this: Length limitations Although Mozilla supports data URIs of essentially unlimited length, browsers are not required to support any particular maximum length of data. For example, the Opera 11 browser limits data URIs to around 65000 characters. And caniuse.com, where you can also look up the support across browsers: Support in Internet … Read more
If you’re working in Node or using Browserify, you can use var base64String = Buffer.from(hexString, ‘hex’).toString(‘base64’) or var hexString = Buffer.from(base64String, ‘base64’).toString(‘hex’)
I use rn-fetch-blob, basically it provides lot of file system and network functions make transferring data pretty easy. react-native-fetch-blob is deprecated import RNFetchBlob from “rn-fetch-blob”; const fs = RNFetchBlob.fs; let imagePath = null; RNFetchBlob.config({ fileCache: true }) .fetch(“GET”, “http://www.example.com/image.png”) // the image is now dowloaded to device’s storage .then(resp => { // the image path … Read more
Put the data into a Buffer using the ‘base64’ encoding, then write this to a file: var fs = require(‘fs’); var string = “data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNbyblAAAAHElEQVQI12P4//8/w38GIAXDIBKE0DHxgljNBAAO9TXL0Y4OHwAAAABJRU5ErkJggg==”; var regex = /^data:.+\/(.+);base64,(.*)$/; var matches = string.match(regex); var ext = matches[1]; var data = matches[2]; var buffer = Buffer.from(data, ‘base64’); fs.writeFileSync(‘data.’ + ext, buffer);
You must be careful about the datatypes. If you read a binary image, you get bytes. If you encode these bytes in base64, you get … bytes again! (see documentation on b64encode) json can’t handle raw bytes, that’s why you get the error. I have just written some example, with comments, I hope it helps: … Read more