Necesito que la url de datos de la imagen esté en:
'data:image/jpeg;base64,""'.formato
Entonces, mi primera solución es representar la imagen cargada como un elemento de imagen y usar canvas.drawImage(imageElement) , para obtener canvas.toDataURL() , pero obtengo un error de error en el lienzo.
Curioso, ¿hay alguna forma alternativa de obtener la URL de datos de la imagen cargada?
Gracias.
No necesitas un lienzo. Simplemente puede usar la API de archivo .
const element = document.getElementById('file'); element.addEventListener('change', ({target: {files}}) => { const [image] = files; const reader = new FileReader(); reader.onload = ({target: {result}}) => console.log(result); reader.readAsDataURL(image); }); <input id="file" type="file">