Foro de elhacker.net

Programación => Desarrollo Web => Mensaje iniciado por: spysecurityca en 6 Julio 2015, 02:04 am



Título: Cambiar imagen de un IMG desde un input file sin hacer ajax o cosas asi
Publicado por: spysecurityca en 6 Julio 2015, 02:04 am
Si pues, quiero cambiar la imagen de una de mis IMG en mi HTML seleccionando la nueva imagen desde un Input File pero sin tener que hacer la conexion AJAX con mi PHP.

El que sepa como pues se lo agradezco  >:D


Título: Re: Cambiar imagen de un IMG desde un input file sin hacer ajax o cosas asi
Publicado por: Usuario Invitado en 6 Julio 2015, 02:34 am
Obtienes la imagen, la conviertes a blob y la asignas el blob al atributo src del IMG:

Código
  1. var file = document.querySelector('#imgInput').files[0];
  2. var blob = URL.createObjectURL(file);
  3. document.querySelector('#img').src = blob;

ver demo (http://jsfiddle.net/rp44v6xa/)