Uncaught InvalidCharacterError: не удалось преобразовать в blob из base64 image

Question

Я пытаюсь преобразовать base64 в blob, но получил ошибку Uncaught InvalidCharacterError: Не удалось выполнить 'atob' on 'Window': Строка, которую нужно декодировать, неправильно закодирована.

Я проверил мои данные изображения 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/