Criando arquivo de Imagem do canvas e submetendo no form

[Rafael Castelhano]

Bom dia,

estou quebrando a cabeça já alguns dias com um problema, estou usando a lib cropper.js para cortar e fazer pequenas edições numa imagem, e ao salvar quero adicionar a imagem editada num input file que será submetido juntamente com o form.

Aparentemente a imagem e corretamente criada e carregada no input, porém no servidor (python/django) está gerando exceção informando que a imagem não é válida ou está corrompida, se eu carrego a mesma imagem gerada manualmente (exporto para disco e carrego novamente) o registro é salvo sem problemas.

// Gerando a imagem e carregando no input
let croppedCanvas = this.cropper.getCroppedCanvas();
let data = croppedCanvas.toDataURL();
let file = new File([data], 'foto.png',{type:"image/png", lastModified: new Date().getTime()});
let container = new DataTransfer();
container.items.add(file);
this.inputTarget.files = container.files;

Existe alguma configuração adicional ao criar o File? 

Se alguém pudar ajudar agradeço.