我尝试将 base64 转换为 blob,但收到错误 Uncaught InvalidCharacterError: 无法在“Window”上执行“atob”:要解码的字符串未正确编码。
我在这里测试了我的base64图像数据http://codebeautify.org/base64-to-image-converter它工作得很好,我可以看到图像渲染得很好
function b64toBlob(b64Data, contentType, sliceSize) {
contentType = contentType || '';
sliceSize = sliceSize || 512;
var byteCharacters = atob(b64Data);
var byteArrays = [];
for (var offset = 0; offset < byteCharacters.length; offset += sliceSize) {
var slice = byteCharacters.slice(offset, offset + sliceSize);
var byteNumbers = new Array(slice.length);
for (var i = 0; i < slice.length; i++) {
byteNumbers[i] = slice.charCodeAt(i);
}
var byteArray = new Uint8Array(byteNumbers);
byteArrays.push(byteArray);
}
var blob = new Blob(byteArrays, {type: contentType});
return blob;
}
var blob = b64toBlob(base64Data, 'image/jpeg');
console.log(blob)
最佳答案
发生的情况是您将 data:image/jpeg;base64,
保留在 base64Data
字符串中。您需要将其删除,并仅保留实际上经过 base64 编码的字符串才能使其正常工作。
换句话说,
var base64Data = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQ' // truncated
变成了
var base64Data = '/9j/4AAQSkZJRgABAQ' // truncated
关于javascript - 未捕获的无效字符错误 : failed to convert to blob from base64 image,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/38579262/