examinar imagen y mostrarla antes de subirlar

ferranWEB · #1 (**permalink**) 07/09/2010, 11:15

buenas,

tengo una pequeña aplicacion para subir fotos al servidor. tengo el tipico examinar, y guardo la foto tal que asi:

Código:

if (($_FILES['imagen'] !="")){

	
	if (is_uploaded_file($_FILES['imagen']['tmp_name'])) {
		if ($_FILES['imagen']['type'] ==  "image/jpeg" || $_FILES['imagen']['type']){

move_uploaded_file($_FILES...

seguro que lo conocereis. hay alguna opcion que al seleccionar la imagen, pueda verla en pantalla antes de subirla al server??

saludos!!

carmagedon · #2 (**permalink**) 07/09/2010, 11:46

Hola!

Yo te aconsejaria en que la subas a una carpeta temporal, que vayan a parar todas las imágenes temporales antes de subirlas al lugar correspondiente.
Una vez que hacés el update a esa carpeta temp, lo cargás en pantalla y realizás la opción que mas te guste, por ejemplo, confirmar imágen o cancelar.
En la primer opcion, al confirmar la imagen lo que vos harías sería un copy() al directorio que corresponda, y la eliminás del directorio temporal.
Si es cancelar, lo que hacés es eliminarla del directorio temporal.

Por ahora no se me ocurre otra ayuda.
Saludos, y suerte!

nx00 · #3 (**permalink**) 07/09/2010, 12:26

Hola,

yo te recomiendo hacer lo que te dijo “carmagedon“.

De todas formas, existe una manera de hacer lo que quieres. Pero solo funcionaria al parecer con IE6 y con IE8 cambiando la configuración.

Por lo tanto mejor ni la tengas en cuenta. Si por curiosidad te gustaría saber como hacerlo lee el código.

Para cambiar la configuración de IE8 y que funcione este código debes realizar lo que aquí se indica:

http://www.forosdelweb.com/f18/hay-f...8/#post3548899

Código HTML:

<html>
<head>
<title>prueba</title>
<script>

function preview()
{
	var div;
	var pathImagen;
	
	pathImage = document.getElementById("image");
	pathImage = pathImage.value;
	
	
	div = document.getElementById("div-preview");
	div.innerHTML = '<img src="' + pathImage + '" alt="preview" />';
}

</script>
</head>
<body>
<form method="post" action="pagina.php" enctype="multipart form-data">
<input type="file" name="inputFile" id="image" onchange="preview()" />
</form>
<div id="div-preview"></div>
</body>
</html>

GatorV · #4 (**permalink**) 07/09/2010, 13:37

Tema movido desde PHP a Javascript

caricatos · #5 (**permalink**) 07/09/2010, 19:12

Hola:

Casi coincide con el título del tema, el ídem de este artículo: Revisar las imágenes antes de subirlas... y como respuesta rápida, solo se puede "examinar" con garantías, subiéndola. Luego bastaría renombrando el fichero subido (o borrarlo en caso de deshecho)

Saludos

p3rikl3s · #6 (**permalink**) 28/09/2010, 15:20

Hola Caricatos, leí tu artículo "Revisar las imágenes antes de subirlas" y me parece genial esto, sin embargo me pregunto como harías si se tratara de un multiupload, es decir, revisar varias imagenes -a la vez- antes de subirlas?

Agradezco tu ayuda de antemano hombre!

Saludos!