Sube archivos sin recargar la página con uploadify

Entrada más reciente Entrada antigua

Con este plugin podrás subir imágenes a las galerías y que estas se actualicen sin recargar la página, interesante, verdad? Todos sabemos que con ajax no se permite el envío de archivos, así que en vez de utilizar el truco de un iframe, este plugin se basa en un objeto en flash que realiza el envio de los archivos al servidor.

Su uso es muy sencillo, os ponemos un ejemplo de como sería el envío de una imagen así como su script en php para guardarla en el servidor.

Código HTML

1	<div class="demo-box">

2	<input id="file_upload" type="file" name="Filedata" />

3	<p><a href="javascript:$('#file_upload').uploadifyUpload()">Upload Files</a></p>

4

</div>

Código Javascript

1	$('#file_upload').uploadify({

2	'uploader'  : '/uploadify/uploadify.swf',

3	'script'    : '/uploadify/uploadify.php',

4	'cancelImg' : '/uploadify/cancel.png',

5	'folder'    : '/uploads',

6	'removeCompleted' : true

7

});

Script PHP

ver fuente

imprimir?

1	if (!empty($_FILES)) {

2	$tempFile = $_FILES['Filedata']['tmp_name'];

3	$targetPath = $_SERVER['DOCUMENT_ROOT'] . $_REQUEST['folder'] . '/';

4	$targetFile =  str_replace('//','/',$targetPath) . $_FILES['Filedata']['name'];

5

6	move_uploaded_file($tempFile,$targetFile);

7	echo str_replace($_SERVER['DOCUMENT_ROOT'],'',$targetFile);

8

}

8

}

Demo

Descarga

Documentación

de http://www.recopilojquery.com