来自base64字符串的Javascript图像

api给我发送base64字符串表示有图像。我有一个函数将这个字符串转换为blob存储。来自base64字符串的Javascript图像

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），我有这样的错误：

Error failed to execute 'atob' on 'Window': the string to be decoded is not correctly encoded.

这样我的编码字符串的开始：

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

我如何可以解码此在JavaScript？我尝试使用在线转换器（从base64到图像）我的字符串，并正常工作。

感谢

来源

2017-01-31 DotNetTortona Tortona

一定有什么错'b64Data'，否则你不会得到这个错误。也许它最后有些东西没有粘贴到在线转换器中。 – Barmar

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

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

来源

2017-01-31 21:29:14

他收到的字符串已经有'data：image/png; base64'前缀。 – Barmar

更新了帖子。 –

如果接收到的字符串中的base64无效，这将不起作用。 – Barmar

来自base64字符串的Javascript图像

回答

相关问题