來自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圖像

回答

相關問題