未捕获的 InvalidCharacterError：无法从 base64 图像转换为 blob

Question

我尝试将 base64 转换为 blob，但得到错误 Uncaught InvalidCharacterError: Failed to execute 'atob' on 'Window': The string to be decoded is not correct encoding.

我在这里 http://codebeautify.org/base64-to-image-converter 测试了我的 base64 图像数据，它工作正常，我能够看到图像渲染得很好

 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/