Cambiar imagen de un IMG desde un input file sin hacer ajax o cosas asi

Iniciado por spysecurityca, 6 Julio 2015, 02:04 AM

0 Miembros y 1 Visitante están viendo este tema.

spysecurityca

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

Usuario Invitado

#1
Obtienes la imagen, la conviertes a blob y la asignas el blob al atributo src del IMG:

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


ver demo
"La vida es muy peligrosa. No por las personas que hacen el mal, si no por las que se sientan a ver lo que pasa." Albert Einstein