javascript - 未捕获的无效字符错误 : failed to convert to blob from base64 image

Question

我尝试将 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)

https://jsfiddle.net/wfh5fjn9/

Answer 1

发生的情况是您将 data:image/jpeg;base64, 保留在 base64Data 字符串中。您需要将其删除，并仅保留实际上经过 base64 编码的字符串才能使其正常工作。

换句话说，

var base64Data = 'data:image/jpeg;base64,/9j/4AAQSkZJRgABAQ' // truncated

变成了

var base64Data = '/9j/4AAQSkZJRgABAQ' // truncated

https://jsfiddle.net/wfh5fjn9/1/