Загрузка Base64 в Web, но не загрузка в устройство Cordova

Question

Я разрабатываю приложение и пытаюсь загрузить изображение в base64 на свой сервер. Тестирование кода через web работает отлично! И когда я конвертировать изображения в base64 в файл, он возвращает мне следующий объект:

Но когда я пытаюсь сделать то же самое в моем мобильном приложении работает на Android устройства, тот же код создает мне следующий объект File:

Что происходит? Я вызываю функцию, чтобы преобразовать мой base64 изображение в файл, как это:

var blob = new Blob([photoBase64], {type: 'image/png'}); 
var filePhoto = new File([blob], "employeePhoto.png"); 

В первом изображении (который работал) я работала в веб-браузере. Во втором изображении (не работает) Я работал в Android-приложении. Это тот же код ...

Похоже, что конструктор файлов имеет другое поведение в веб-браузере и приложении для Android. Я не понимаю этого. Передача параметров в конструктор файлов в том же порядке создает различные объекты File (как описано на изображениях).

Answer 1

Если вы пытаетесь конвертировать base64 в File, вы можете использовать часть canvas.toBlob() polyfill

var base64 = "data:image/png,base64,"; // data URI 

var binStr = atob(base64.split(",")[1]), 
    len = binStr.length, 
    arr = new Uint8Array(len); 

for (var i = 0; i < len; i++) { 
    arr[i] = binStr.charCodeAt(i); 
} 

var file = new File([arr], "image"); 

var img = new Image; 
img.onload = function() { 
    document.body.appendChild(this); 
    URL.revokeObjectURL(url); 
} 

var url = URL.createObjectURL(file); 
img.src = url;