Ir al contenido


Foto

Visualizar imagen antes de subirla al servidor


  • Por favor identifícate para responder
7 respuestas en este tema

#1 jersson30

jersson30

    Newbie

  • Miembros
  • Pip
  • 4 mensajes

Escrito 14 noviembre 2011 - 08:53

Buenas noches compañeros, es la primera vez que uso este foro, haber si ustedes me pueden colaborar con este pequeño problema que no eh podido solucionar y llevo días buscando algún tipo de ejemplo y la verdad hasta ahora nada.

Lo que necesito saber es la forma de previsualizar una imagen antes de subirla al servidor la idea es que el usuario seleccione una imagen de su PC y luego esta imagen se visualice para ser recortada y el recorte o la selección de la imagen sea enviada al servidor.

Les agradeceria su colaboración.
  • 0

#2 enecumene

enecumene

    Webmaster

  • Administrador
  • 7.419 mensajes
  • LocationRepública Dominicana

Escrito 14 noviembre 2011 - 09:06

Con JavaScript:



html5
  1. <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
  2. <HTML lang="es">
  3. <TITLE>HTML</title>
  4. <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1">
  5. <META name="Content-Script-Type" content="text/javascript">
  6. <SCRIPT type="text/javascript">
  7. <!--
  8. function previsualizar(imagen){
  9.     document.getElementById("preImg").src = imagen.value;
  10. }
  11. //-->
  12. </HEAD>
  13.  
  14. <P>
  15.     <INPUT type="file" id="picField" onchange="previsualizar(this)">
  16.     <IMG id="preImg" alt="Preview">
  17. </P>
  18.  
  19. </BODY>
  20. </HTML>



Con eso haces los arreglos necesarios.

Saludos.
  • 0

#3 jersson30

jersson30

    Newbie

  • Miembros
  • Pip
  • 4 mensajes

Escrito 14 noviembre 2011 - 09:59

Hola, enecumene muchas gracias por tu respuesta, pero se me presenta un gran dilema.

A la hora de cargar la imagen solo funciona con Internet explorer y en firefox nada, y con internet explorer solo carga algunas imagenes no es el tamaño por que intento cargar una imagen de menor tamaño que la que muestra y nada.
  • 0

#4 enecumene

enecumene

    Webmaster

  • Administrador
  • 7.419 mensajes
  • LocationRepública Dominicana

Escrito 14 noviembre 2011 - 10:20

Puede ser problema del cache de Firefox, limpiala e intentalo de nuevo.

Saludos.
  • 0

#5 jersson30

jersson30

    Newbie

  • Miembros
  • Pip
  • 4 mensajes

Escrito 14 noviembre 2011 - 01:22

No nada en firefox no sirve, pero aun asi en internet explorer como te decia solo trabaja con ciertas imagenes y no tiene que ver el tamaño, no se que sea
  • 0

#6 enecumene

enecumene

    Webmaster

  • Administrador
  • 7.419 mensajes
  • LocationRepública Dominicana

Escrito 15 noviembre 2011 - 07:05

No nada en firefox no sirve, pero aun asi en internet explorer como te decia solo trabaja con ciertas imagenes y no tiene que ver el tamaño, no se que sea


Vaya, que extraneza, mmm, dejame investigarte un poco a ver que sucede, vale?
  • 0

#7 enecumene

enecumene

    Webmaster

  • Administrador
  • 7.419 mensajes
  • LocationRepública Dominicana

Escrito 16 noviembre 2011 - 06:33

Bueno no se me ocurre nada salvo lo siguiente:

[js]function previsualizar(imagen){
    windows.document.getElementById("preImg").src = imagen.value;
}[/js]

Saludos.
  • 0

#8 jersson30

jersson30

    Newbie

  • Miembros
  • Pip
  • 4 mensajes

Escrito 16 noviembre 2011 - 07:11

No lo queria hacer, pero al final de cuenta me toco subir el archivo al servidor, ya estando en el servidor lo visualizo y pues ya la puedo manipular, pero bueno no era la idea de subir la imagen original si no el recorte de la imagen.


Gracias.
  • 0




IP.Board spam blocked by CleanTalk.