Posibles duplicados:
¿Obtener datos de imagen en Javascript?
¿Cómo codificar datos de imagen dentro de un archivo HTML?
¿Hay alguna forma de convertir una imagen en datos binarios en javascript y viceversa?
Creo que obtener datos de imagen en JavaScript? responde a tu pregunta:
// Code taken from MatthewCrumley (https://stackoverflow.com/a/934925/298479) function getBase64Image(img) { // Create an empty canvas element var canvas = document.createElement("canvas"); canvas.width = img.width; canvas.height = img.height; // Copy the image contents to the canvas var ctx = canvas.getContext("2d"); ctx.drawImage(img, 0, 0); // Get the data-URL formatted image // Firefox supports PNG and JPEG. You could check img.src to guess the // original format, but be aware the using "image/jpg" will re-encode the image. var dataURL = canvas.toDataURL("image/png"); return dataURL.replace(/^data:image\/(png|jpg);base64,/, ""); } Pase la etiqueta img a esta función. Devolverá la imagen en codificación base64. Sin embargo, se volverá a codificar. Por lo tanto, no puede acceder a los datos de la imagen original.