 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);

Popularity 10/10 Helpfulness 6/10 Language javascript

Source: stackoverflow.com

Tags: base64 ba

Link to this answer
Share Copy Link

Contributed on Aug 16 2021

Raheel

0 Answers Avg Quality 2/10

base64 image javascript

Comment

let fileInput = document.getElementById('fileInput')

fileInput.addEventListener('change', async function(){
    let url = await base64Url(fileInput.files[0])
    console.log(url)
})


function base64Url(file){
    return new Promise(function(resolve,reject){
        const reader = new FileReader();
        reader.onload = () => resolve(reader.result) 
        reader.onerror = (error) => reject(error)
        reader.readAsDataURL(file);
    })
}

Popularity 10/10 Helpfulness 2/10 Language javascript

Source: Grepper

Tags: base64 ba

Link to this answer
Share Copy Link

Contributed on Jan 22 2023

Sabbir Hossain

0 Answers Avg Quality 2/10

convert base64 to image javascript

Comment

Thanks, that helped me a lot! <3

Popularity 1/10 Helpfulness 1/10 Language javascript

Source: Grepper

Tags: base64 image javascript

Link to this answer
Share Copy Link

Contributed on Sep 13 2021

Friendly Fowl

0 Answers Avg Quality 2/10

convert base64 to image javascript

Contents

More Related Answers

convert base64 to image javascript

Closely Related Answers

image base64 to file javascript

base64 image javascript

convert base64 to image javascript

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.