Comment convertir dataURL en objet fichier en javascript ?

Question

J'ai besoin de convertir une dataURL en un objet File en Javascript afin de l'envoyer via AJAX. Est-il possible? Si oui, merci de me dire comment.

Answer 1

Pour créer un blob à partir d'une dataURL :

 const blob = await (await fetch(dataURL)).blob(); 

Pour créer un fichier à partir d'un blob :

 const file = new File([blob], 'fileName.jpg', {type:"image/jpeg", lastModified:new Date()});

Answer 2

Après quelques recherches je suis arrivé sur celui-ci :

 function dataURItoBlob(dataURI) {
    // convert base64 to raw binary data held in a string
    // doesn't handle URLEncoded DataURIs - see SO answer #6850276 for code that does this
    var byteString = atob(dataURI.split(',')[1]);
    // separate out the mime component
    var mimeString = dataURI.split(',')[0].split(':')[1].split(';')[0];
    // write the bytes of the string to an ArrayBuffer
    var ab = new ArrayBuffer(byteString.length);
    var dw = new DataView(ab);
    for(var i = 0; i < byteString.length; i++) {
        dw.setUint8(i, byteString.charCodeAt(i));
    }
    // write the ArrayBuffer to a blob, and you're done
    return new Blob([ab], {type: mimeString});
}

module.exports = dataURItoBlob;