Cargar Multiples Imagenes con Uploadify

Hola chicos en este tutorial le enseñare a cargar múltiples imágenes a una carpeta ubicada en su servidor y a guardar en base de datos con Uploadify, después de este tutorial podrán modificarlo para adaptarlo a sus aplicaciones, este ejemplo esta hecho en mysql y PHP.

Creamos la Base de Datos

CREATE TABLE `uploadify` (

`id` int(10) unsigned NOT NULL AUTO_INCREMENT,

`filename` varchar(200) DEFAULT NULL,

`filedate` int(11) DEFAULT NULL,

PRIMARY KEY (`id`)

) ENGINE=InnoDB AUTO_INCREMENT=5 DEFAULT CHARSET=latin1;

Creamos  el archivo donde guardaremos en la Base de Datos “insert.php” :

El archivo contiene una consulta sencilla donde haremos nuestra inserción a la Base de Datos.

// connect database

$dbc = mysql_connect("localhost", "root", "root");

 

// select database

mysql_select_db("test", $dbc);

 

if(isset($_POST)) {

 

//echo $_POST['name'];

$fileName = $_POST['name'];

$time = time();

 

mysql_query("INSERT INTO uploadify(filename, filedate) VALUES('$fileName', '$time')");

$inserted_id = mysql_insert_id($dbc);

 

if($inserted_id > 0) { // if success

echo "uploaded file: " . $fileName;

}

 

}

Modificacamos nuestro Uploadify usando el metodo “OnComplete”:

Modificamo el archivo añadiendo jQuery Ajax para realizar el llamado a “insert.php” atravez de POST

$(document).ready(function() {

 

//alert('I am ready to use uploadify!');

$("#file_upload").uploadify({

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

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

'cancelImg': 'uploadifyit/cancel.png',

'folder': 'uploads',

'auto': false, // use for auto upload

'multi': true,

'queueSizeLimit': 4,

'onQueueFull': function(event, queueSizeLimit) {

alert("Please don't put anymore files in me! You can upload " + queueSizeLimit + " files at once");

return false;

},

'onComplete': function(event, ID, fileObj, response, data) {

// you can use here jQuery AJAX method to send info at server-side.

$.post("insert.php", { name: fileObj.name }, function(info) {

alert(info); // alert UPLOADED FILE NAME

});

}

});

 

});




Gracias!!!!

Fuente: AQUI