¿Cómo convertir Base64 String a objeto de archivo javascript como desde el formulario de entrada de archivo?

Hola, hemos encontrado la respuesta a tu búsqueda, has scroll y la obtendrás más abajo.

Solución:

Forma 1: solo funciona para dataURL, no para otros tipos de URL.

 function dataURLtoFile(dataurl, filename) 
 
        var arr = dataurl.split(','),
            mime = arr[0].match(/:(.*?);/)[1],
            bstr = atob(arr[1]), 
            n = bstr.length, 
            u8arr = new Uint8Array(n);
            
        while(n--)
            u8arr[n] = bstr.charCodeAt(n);
        
        
        return new File([u8arr], filename, type:mime);
    
    
    //Usage example:
    var file = dataURLtoFile('data:text/plain;base64,aGVsbG8gd29ybGQ=','hello.txt');
    console.log(file);

Forma 2: funciona para cualquier tipo de url, (http url, dataURL, blobURL, etc…)

 //return a promise that resolves with a File instance
    function urltoFile(url, filename, mimeType)
        return (fetch(url)
            .then(function(res)return res.arrayBuffer();)
            .then(function(buf)return new File([buf], filename,type:mimeType);)
        );
    
    
    //Usage example:
    urltoFile('data:text/plain;base64,aGVsbG8gd29ybGQ=', 'hello.txt','text/plain')
    .then(function(file) console.log(file););

const url = 'data:image/png;base6....';
fetch(url)
  .then(res => res.blob())
  .then(blob => 
    const file = new File([blob], "File name", type: "image/png" )
  )

Cadena Base64 -> Mancha -> Archivo.

este es el ultimo async/await solución de patrón

export async function dataUrlToFile(dataUrl: string, fileName: string): Promise 

    const res: Response = await fetch(dataUrl);
    const blob: Blob = await res.blob();
    return new File([blob], fileName,  type: 'image/png' );

valoraciones y comentarios

---

---

Utiliza Nuestro Buscador