Как сохранить изображение в file или в любой другой тип для бека?

Question

[Николай Семенов]

Всем привет.
Ребятушки получаю картинку с вэбкамеры
все что есть у меня
var data = canvas.toDataURL('image/png');
возвращает он данные ввиде

"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAUAAAAFCAYAAACNby

Пробовал через mozGetAsFile() однако этот метод не вошел в спецификацию
Теперь копаю в сторону Blob, но пока безуспешно
Подскажите как можно соорудить из этого объект File или какой другой для отправки в форме бекенду.

Answer 1

[Stalker_RED]

как можно соорудить из этого объект File или какой другой для отправки в форме бекенду.

Что мешает отправить прямо так?

$.post("upload.php", { myImage: data })
  .done(function() {
    console.log('saved'); 
});

А на сервере что-то вроде этого.

Если нужно именно с file, то можно попробовать так:

var blobBin = atob(dataURL.split(',')[1]);
var array = [];
for(var i = 0; i < blobBin.length; i++) {
    array.push(blobBin.charCodeAt(i));
}
var file=new Blob([new Uint8Array(array)], {type: 'image/png'});


var formdata = new FormData();
formdata.append("myNewFileName", file);
$.ajax({
   url: "uploadFile.php",
   type: "POST",
   data: formdata,
   processData: false,
   contentType: false,
}).done(function(respond){
  alert(respond);
});

© https://stackoverflow.com/a/19032688

Comments

[Николай Семенов]

не хочет, говорит давай мне file

[Stalker_RED]

Николай Семенов: Кто не хочет и говорит?

[Николай Семенов]

Stalker_RED: простите, бекендер мой.
примерно так и сделал как вы предложили второе решение

function savephoto() {
            var utf8 = atob(picture),
  // picture = canvas.toDataURL('image/png')..split(',')[1];
                array = [];
            for(var i = 0; i < utf8.length; i++)
                array.push(utf8.charCodeAt(i));
            var myBlob = new Blob([new Uint8Array(array)], {type: 'image/png'});
            var file = new File([myBlob], 'user-photo')
            console.log(file);
            return(file);
    }