Así que estaba trabajando con esta línea de código para convertir una imagen de entrada en una URL, sin embargo, el retorno no parece estar funcionando ya que no puedo acceder a la constante en ningún otro lugar del documento donde realmente la necesito.
window.addEventListener('load', function() { document.querySelector('input[type="file"]').addEventListener('change', function() { if (this.files && this.files[0]) { const imageURL = URL.createObjectURL(this.files[0]); return imageURL; } }); });Todavía soy nuevo en JavaScript, así que por mi vida no puedo encontrar por qué no funciona, ¡gracias de antemano!
Esto se debe a que la URL de imagen constante se incluye en el bloque if, si desea que se acceda a ella en todo el archivo, declárela fuera de la función addEventListener(). Por ejemplo
let imageURL; window.addEventListener('load', function() { document.querySelector('input[type="file"]').addEventListener('change', function() { if (this.files && this.files[0]) { imageURL = URL.createObjectURL(this.files[0]); } }); }); console.log(imageURL)