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.

Visualizar imagen antes de subirla al servidor
Started by
jersson30
, Nov 14 2011 08:53 AM
7 replies to this topic
#1
Posted 14 November 2011 - 08:53 AM
#2
Posted 14 November 2011 - 09:06 AM
Con JavaScript:
Con eso haces los arreglos necesarios.
Saludos.
html5
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <HTML lang="es"> <HEAD> <META http-equiv="Content-Type" content="text/html; charset=iso-8859-1"> <META name="Content-Script-Type" content="text/javascript"> <SCRIPT type="text/javascript"> <!-- function previsualizar(imagen){ document.getElementById("preImg").src = imagen.value; } //--> </SCRIPT> </HEAD> <BODY> <P> <INPUT type="file" id="picField" onchange="previsualizar(this)"> <IMG id="preImg" alt="Preview"> </P> </BODY> </HTML>
Con eso haces los arreglos necesarios.
Saludos.
#3
Posted 14 November 2011 - 09:59 AM
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.
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.
#4
Posted 14 November 2011 - 10:20 AM
Puede ser problema del cache de Firefox, limpiala e intentalo de nuevo.
Saludos.
Saludos.
#5
Posted 14 November 2011 - 01:22 PM
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
#6
Posted 15 November 2011 - 07:05 AM
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?
#7
Posted 16 November 2011 - 06:33 AM
Bueno no se me ocurre nada salvo lo siguiente:
[js]function previsualizar(imagen){
windows.document.getElementById("preImg").src = imagen.value;
}[/js]
Saludos.
[js]function previsualizar(imagen){
windows.document.getElementById("preImg").src = imagen.value;
}[/js]
Saludos.
#8
Posted 16 November 2011 - 07:11 PM
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.
Gracias.