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

Bienvenido(a), Visitante. Por favor Ingresar o Registrarse
¿Perdiste tu email de activación?.

Foro

Web

Blog

16 Octubre 2021, 03:39 am

Tema destacado: Entrar al Canal Oficial Telegram de elhacker.net

Foro de elhacker.net

Programación

Desarrollo Web (Moderador: #!drvy)

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

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

Páginas: [1]

Autor

Tema: Cambiar imagen de un IMG desde un input file sin hacer ajax o cosas asi (Leído 1,615 veces)

spysecurityca

Desconectado

Mensajes: 58

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

« 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 >


	En línea

Usuario Invitado

Desconectado

Mensajes: 625

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

« Respuesta #1 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

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

ver demo


« Última modificación: 6 Julio 2015, 02:39 am por Gus Garsaky »	En línea

"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

Páginas: [1]

Ir a:

Mensajes similares
	Asunto	Iniciado por	Respuestas	Vistas	Último mensaje
	LINK : fatal error LNK1181: cannot open input file MASM32 ASM	.:UND3R:.	9	6,111	3 Diciembre 2011, 19:26 pm por .:UND3R:.
	Cambiar nombre al archivo de input file Desarrollo Web	basickdagger	4	5,582	21 Agosto 2013, 00:13 am por basickdagger
	obtener path de un input file en PHP? PHP	Legnak	3	1,758	22 Junio 2014, 04:15 am por engel lex
	Obtener datos de INPUT-TEXT usando javascript, pasarlos a funcion php con ajax PHP	demonstrator	2	2,712	8 Septiembre 2014, 16:21 pm por demonstrator
	Abrir input file al dar clic a una imagen Desarrollo Web	Hermer	1	2,207	9 Octubre 2017, 05:28 am por engel lex