未捕獲InvalidCharacterError：無法從base64轉換爲blob圖像

Question

我嘗試將base64轉換爲blob，但得到錯誤未捕獲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/