来自base64字符串的Javascript图像

Question

一个api给我发送base64字符串，表示有一个图像。我有一个函数将这个字符串传输到blob存储。

function b64toPhoto(b64Data, contentType, sliceSize) {
        contentType = contentType || '';
        sliceSize = sliceSize || 512;

        //var byteCharacters = atob(b64Data);
        var byteCharacters = atob(b64Data.replace(/^data:image\/(png|jpg);base64,/, '')); 

        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;
      }

当我用atob(b64Data)转换字符串时,出现以下错误：

/9j/4AAQSkZJRgABAgAAAQABAAD/7QCuUGhvdG9zaG9wIDMuMAA4Qk....

如何用JavaScript解码？我尝试我的字符串与在线转换器（从base64到image）和工作良好。

谢谢

Answer 1

您可以简单地使用字符串来显示图像

var image = new Image();
image.src = '<string received>...';
document.body.appendChild(image);