Breaking

how to convert image to binary data






        Here are how to convert image into binary code .


function encodeImageFileAsURL() {
// select a id or class or any selector  that you want, to get image file to convert
var filesSelected = document.getElementById("inputFileToLoad").files;
if (filesSelected.length > 0) { 
var fileToLoad = filesSelected[0]; 
var fileReader = new FileReader(); 
fileReader.onload = function (fileLoadedEvent) {  
var srcData = fileLoadedEvent.target.result; 
// data: base64
var newImage = document.createElement('img'); 
newImage.src = srcData;
document.getElementById("imgTest").innerHTML = newImage.outerHTML;
alert("Converted Base64 version is " + document.getElementById("imgTest").innerHTML);
console.log("Converted Base64 version is " + document.getElementById("imgTest").innerHTML);
fileReader.readAsDataURL(fileToLoad);
}

No comments:

Powered by Blogger.