Foros del Web » Creando para Internet » HTML »

Qué me dicen de este código para previsualizar imágenes

Estas en el tema de Qué me dicen de este código para previsualizar imágenes en el foro de HTML en Foros del Web. A mi no me funciona, mírenlo ustedes y ya me dirán qué opinan. http://jsfiddle.net/roimergarcia/jkLxG/ ---->>>> Este es el link del código, es html, javascript y ...
  #1 (permalink)  
Antiguo 06/08/2013, 07:16
jorgemibanez
Invitado
 
Mensajes: n/a
Puntos:
Pregunta Qué me dicen de este código para previsualizar imágenes

A mi no me funciona, mírenlo ustedes y ya me dirán qué opinan.

http://jsfiddle.net/roimergarcia/jkLxG/ ---->>>> Este es el link del código, es html, javascript y css.

Y este, la forma en que yo lo aplique (que ni siquiera funcionó):

Este es el input que selecciona la imagen:
Código HTML:
Ver original
  1. <input id="my_profile_photo" type="file" accept="image/*" style="
  2.    width: 200px;
  3.    height: 30px;
  4.    background-color: #73AAE5;
  5.    opacity: 0;
  6.    position: absolute;
  7. ">

Este el marco que debería mostrar la imagen:

Código HTML:
Ver original
  1. <div>
  2. <div>
  3. <span>Vista Previa:</span>
  4. <span id="infoNombre">[Seleccione una imagen]</span><br>
  5. <span id="infoTamaño"></span>
  6. </div>
  7. <div id="marcoVistaPrevia" style="border: 1px solid #008000; width: 400px; height: 400px">
  8. <img id="vistaPrevia" src="data:image/gif;base64,R0lGODlhAQABAIAAAAAAAP///ywAAAAAAQABAAACAUwAOw==" alt="" style="max-width: 400px; max-height: 400px">
  9. </div>
  10. </div>

y el script que ya lo verán el página.

Si todo está casi idéntico, ¿Dónde estará el problema?

Última edición por pzin; 06/08/2013 a las 07:31 Razón: highlight
  #2 (permalink)  
Antiguo 06/08/2013, 07:34
Avatar de pzin
Moderata 😈
 
Fecha de Ingreso: julio-2002
Ubicación: Islas Canarias
Mensajes: 10.485
Antigüedad: 19 años, 1 mes
Puntos: 2113
Respuesta: Qué me dicen de este código para previsualizar imágenes

¿Casi idéntico? Para mi no tiene mucho que ver el tuyo con el del ejemplo.

¿Pusiste el código JavaScript? Ya que cambiaste el identificar del campo del archivo, ¿también lo cambiaste en el código JavaScript? ¿Sabes lo que hace el código?

Cuando publiques código, usa highlight o code para verlo mejor.
  #3 (permalink)  
Antiguo 06/08/2013, 08:17
Avatar de caricatos
Moderador
 
Fecha de Ingreso: abril-2002
Ubicación: Torremolinos (Málaga)
Mensajes: 19.607
Antigüedad: 19 años, 5 meses
Puntos: 1284
Respuesta: Qué me dicen de este código para previsualizar imágenes

Hola:

En otro mensaje te puse un ejemplo completo y sin librerías que funciona perfectamente... ¿Qué ha pasado...?

Saludos
__________________
Por favor:
No hagan preguntas de temas de foros en mensajes privados... no las respondo

Etiquetas: css, dicen, link, página, previsualizar
Atención: Estás leyendo un tema que no tiene actividad desde hace más de 6 MESES, te recomendamos abrir un Nuevo tema en lugar de responder al actual.
Respuesta




La zona horaria es GMT -6. Ahora son las 12:03.