Foros del Web » Creando para Internet » Diseño web »

Redimensionar imagen ANTES de subir

Estas en el tema de Redimensionar imagen ANTES de subir en el foro de Diseño web en Foros del Web. Hola quisiera saber como puede redimensionar una imagen ANTES de subirla al servidor. Digo antes porque tiene que ser ANTES no me vale subir una ...
  #1 (permalink)  
Antiguo 22/10/2010, 07:24
 
Fecha de Ingreso: octubre-2010
Mensajes: 6
Antigüedad: 7 años, 1 mes
Puntos: 0
Redimensionar imagen ANTES de subir

Hola quisiera saber como puede redimensionar una imagen ANTES de subirla al servidor. Digo antes porque tiene que ser ANTES no me vale subir una imagen con su tamaño real y luego en el lado servidor con php redimensionarla. Necesito un applet o algo similar que redimensione la imagen en el lado cliente y luego la suba al servidor.







El tema lo creo en estas categoría simplemente porque no se donde ponerlo....
  #2 (permalink)  
Antiguo 22/10/2010, 08:50
Avatar de GatorV
$this->role('moderador');
 
Fecha de Ingreso: mayo-2006
Ubicación: /home/ams/
Mensajes: 38.567
Antigüedad: 11 años, 6 meses
Puntos: 2122
Tema movido desde PHP a Web general
  #3 (permalink)  
Antiguo 22/10/2010, 09:03
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Redimensionar imagen ANTES de subir

Según leí no se puede, tal vez con javascript, pero me parece que tampoco, que es necesario subir el archivo al servidor.
Suerte
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #4 (permalink)  
Antiguo 22/10/2010, 09:32
Avatar de dargorg  
Fecha de Ingreso: octubre-2010
Ubicación: Castellón (España)
Mensajes: 188
Antigüedad: 7 años, 1 mes
Puntos: 9
Respuesta: Redimensionar imagen ANTES de subir

Sí que se puede. Te pongo un ejemplo que acabo de terminar y con esto supongo que podrías seguir tu. Si no lo consigues dímelo y continuaremos con ello.

El ejemplo:
Código:
<html>
	<head>
		<script type="text/javascript">
			function preview (campo) {
				// campo = document.getElementById('upload').value;
				alert("Antes: "+campo);
				imagen = document.getElementById('previsualizacion');
				ruta = 'file:///'+ campo;
				ruta = escape(ruta);
				ruta = ruta.replace(/%5C/g, "/");
				ruta = ruta.replace(/%3A/g, ":");
				alert("Despues: "+ruta);
				imagen.src = ruta;
				imagen.style.display = 'block';
				imagen.style.width = "200px";
				imagen.style.height = "150px";
			}
		</script>
</head>
<body>
	<input type="file" id="upload" name="upload" onchange="preview(this.value)"; />
	<img id="previsualizacion" style="display: none;" />
</body>
</html>
  #5 (permalink)  
Antiguo 23/10/2010, 06:21
 
Fecha de Ingreso: octubre-2010
Mensajes: 6
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Redimensionar imagen ANTES de subir

Cita:
Iniciado por C2am Ver Mensaje
Según leí no se puede, tal vez con javascript, pero me parece que tampoco, que es necesario subir el archivo al servidor.
Suerte
Igual no me explique bien, no estoy preguntando si se puede, CLARO QUE SE PUEDE!!!!!!!!!!
No con php ni con ningun lenguaje servidor pero con un applet o oun activex si.
Responde a lo que pregunto sino no respondas, lo que pido es que alguien me diga de un applet o un activex que pueda usar para eso, que sea gratuito y que funcione bien.

Y en cuanto a ese codigo no esta haciendo nada de lo que yo pedia la imagen conserva el tamaño.
  #6 (permalink)  
Antiguo 23/10/2010, 09:48
Avatar de C2am  
Fecha de Ingreso: enero-2009
Ubicación: Rosario, Argentina
Mensajes: 2.005
Antigüedad: 8 años, 10 meses
Puntos: 306
Respuesta: Redimensionar imagen ANTES de subir

Permiso, voy a responder a algo que no preguntaste.
Tienes razón Aian, por favor, te suplico de rodillas que me perdones por haber sido tan impertinente con mi insulsa respuesta.
Te prometo que de ahora en adelante, ya aprendida mi lección, voy a

Se feliz
__________________
El mundo nada puede contra un hombre que canta en la miseria.
-- Ernesto Sábato--
  #7 (permalink)  
Antiguo 23/10/2010, 17:51
 
Fecha de Ingreso: noviembre-2009
Mensajes: 846
Antigüedad: 8 años, 1 mes
Puntos: 34
Respuesta: Redimensionar imagen ANTES de subir

Cita:
Iniciado por C2am Ver Mensaje
Permiso, voy a responder a algo que no preguntaste.
Tienes razón Aian, por favor, te suplico de rodillas que me perdones por haber sido tan impertinente con mi insulsa respuesta.
Te prometo que de ahora en adelante, ya aprendida mi lección, voy a

Se feliz
  #8 (permalink)  
Antiguo 25/10/2010, 02:03
 
Fecha de Ingreso: octubre-2010
Mensajes: 6
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Redimensionar imagen ANTES de subir

alguna respuesta útil??????
que responda a la duda.....
  #9 (permalink)  
Antiguo 25/10/2010, 02:36
 
Fecha de Ingreso: octubre-2010
Mensajes: 66
Antigüedad: 7 años, 2 meses
Puntos: 7
Respuesta: Redimensionar imagen ANTES de subir

Justo anoche estaba yo con lo mismo.

Todavía no he encontrado la manera de hacerlo desde un <input type="file">. De lo que si que tienes varios ejemplos, es de como hacerlo con drag and drop (si tu navegador lo soporta..)


http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/

A mi no me termina de convencer, pero igual a ti te sirve.



Seguiré buscando la manera de hacerlo como quiero, y si la encuentro lo posteo por aqui ;)



Se me olvidaba!:

@dargorg he probado el script que comentas (y anoche algo prácticamente igual) y no lo consigo hacer funcionar.
Todas las pruebas han sido en local, igual en internet si que funciona... ¿te funciona a ti? ¿en que casos?

Última edición por hdennison; 25/10/2010 a las 02:41
  #10 (permalink)  
Antiguo 25/10/2010, 03:01
 
Fecha de Ingreso: octubre-2010
Mensajes: 6
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Redimensionar imagen ANTES de subir

Cita:
Iniciado por hdennison Ver Mensaje
Justo anoche estaba yo con lo mismo.

Todavía no he encontrado la manera de hacerlo desde un <input type="file">. De lo que si que tienes varios ejemplos, es de como hacerlo con drag and drop (si tu navegador lo soporta..)


http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/

A mi no me termina de convencer, pero igual a ti te sirve.



Seguiré buscando la manera de hacerlo como quiero, y si la encuentro lo posteo por aqui ;)



Se me olvidaba!:

@dargorg he probado el script que comentas (y anoche algo prácticamente igual) y no lo consigo hacer funcionar.
Todas las pruebas han sido en local, igual en internet si que funciona... ¿te funciona a ti? ¿en que casos?

gracias pero no me sirve y del codigo de dargorg no se si funciona pero lo que hace es una miniatura de una imagen dandoles un tamaño igual que puedes ajustarla en html
pero no la guarda ni nada en ese tamaño ni nada
es decir
la enseña en pequeño pero no la redimensiona realmente
  #11 (permalink)  
Antiguo 25/10/2010, 03:04
 
Fecha de Ingreso: octubre-2010
Mensajes: 6
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Redimensionar imagen ANTES de subir

Cita:
Iniciado por hdennison Ver Mensaje
Justo anoche estaba yo con lo mismo.

Todavía no he encontrado la manera de hacerlo desde un <input type="file">. De lo que si que tienes varios ejemplos, es de como hacerlo con drag and drop (si tu navegador lo soporta..)


http://hacks.mozilla.org/2010/02/an-html5-offline-image-editor-and-uploader-application/

A mi no me termina de convencer, pero igual a ti te sirve.



Seguiré buscando la manera de hacerlo como quiero, y si la encuentro lo posteo por aqui ;)



Se me olvidaba!:

@dargorg he probado el script que comentas (y anoche algo prácticamente igual) y no lo consigo hacer funcionar.
Todas las pruebas han sido en local, igual en internet si que funciona... ¿te funciona a ti? ¿en que casos?
Por cierto solo se puede hacer con un activex o un applet de java o algo asi asiq no sigas intentandolo con un input ni con niguna funcion de php ni nada de eso porque necesitas algo que trabaje en el lado cliente no en el lado servidor.
  #12 (permalink)  
Antiguo 25/10/2010, 04:27
 
Fecha de Ingreso: octubre-2010
Mensajes: 2
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Redimensionar imagen ANTES de subir

Yo tambien intente con el applet de Postlet y no me carga las imagenes pone finalizado pero no hace nada. Alguien sabe por que?
  #13 (permalink)  
Antiguo 25/10/2010, 05:23
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Redimensionar imagen ANTES de subir

http://www.resize-before-upload.com/download/

:silb ar:
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #14 (permalink)  
Antiguo 25/10/2010, 05:28
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Redimensionar imagen ANTES de subir

http://www.radinks.com/downloads/upload.php
:silb ar:
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #15 (permalink)  
Antiguo 25/10/2010, 05:39
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Redimensionar imagen ANTES de subir

http://www.shift8creative.com/projec...er/index.html#

:silb ar:
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #16 (permalink)  
Antiguo 25/10/2010, 05:46
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Redimensionar imagen ANTES de subir

http://www.aurigma.com/Products/Resi...oreUpload.aspx
http://csharpdotnetfreak.blogspot.co...-database.html


:silb ar:
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.
  #17 (permalink)  
Antiguo 25/10/2010, 07:17
 
Fecha de Ingreso: octubre-2010
Mensajes: 6
Antigüedad: 7 años, 1 mes
Puntos: 0
Respuesta: Redimensionar imagen ANTES de subir

[QUOTE=emprear;3609855][url]http://www.shift8creative.com/projects/agile-uploader/index.html#[/url]

:silb ar:[/QUOT

Gracias lo he probado y parece que funciona correctamente
lo agrego al sitio web lo configuro y si alguien le interesa cuando acabe que pregunte!.



Saludos!!!!
  #18 (permalink)  
Antiguo 25/10/2010, 07:39
Avatar de emprear
Colaborador
 
Fecha de Ingreso: junio-2007
Ubicación: me mudé
Mensajes: 8.388
Antigüedad: 10 años, 5 meses
Puntos: 1567
Respuesta: Redimensionar imagen ANTES de subir

Perfecto, entonces cuando acabes no te olvides de avisar que terminaste para que si alguno está interesado en preguntare te pregunte.

y si bien no los probé a fondo, este me parecio mejor
http://www.resize-before-upload.com/download/


:porr a:
__________________
La voz de las antenas va, sustituyendo a Dios.
Cuando finalice la mutación, nueva edad media habrá
S.R.

Etiquetas: cliente, images, lado, redimensionar, subir, upload, servidores
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

SíEste tema le ha gustado a 1 personas




La zona horaria es GMT -6. Ahora son las 16:27.