Blueimp jQuery File Upload integrado con base de datos

Este complemento lee archivos de imagen en blueimproot / server / php / files en la carga de la página. Necesito leer los registros de la base de datos y reemplazar la estructura HTML de ‘descarga’ con mi estructura personalizada. Quiero mostrar los productos del catálogo, qué elementos se ven afectados al cargar / eliminar imágenes a través de este complemento.

He hecho esto hasta ahora:

  • Cambié public function get() { ... } en blueimproot / server / php / upload.class.php para recuperar registros de la base de datos. Esta función devuelve el objeto json.

     public function get() { /* default code of Blueimp $file_name = isset($_REQUEST['file']) ? basename(stripslashes($_REQUEST['file'])) : null; if ($file_name) { $info = $this->get_file_object($file_name); } else { $info = $this->get_file_objects(); } header('Content-type: application/json'); echo json_encode($info); */ include_once('../../../../connection.php'); $id_cat = $_REQUEST['catid']; $query = "SELECT id, name, price, img_path FROM products WHERE id_cat = $id_cat ORDER BY id"; $prods = mysql_query($query); $prod_arr = array(); while($prod = mysql_fetch_assoc($prods)) { $prod_arr[] = $prod; } header('Content-type: application/json'); echo json_encode($info); } 
  • Encontré que la función se llama desde index.php en blueimproot / server / php :

     switch ($_SERVER['REQUEST_METHOD']) { ... case 'GET': $upload_handler->get(); break; ... 

    }

No sé dónde se procesa el objeto json devuelto para mostrar a la interfaz de usuario. Han sido 2 días y todavía no puedo seguir el flujo de esa función. Por favor ayuda. Gracias.

Demostración en línea original: http://blueimp.github.com/jQuery-File-Upload/

Descarga del complemento original: https://github.com/blueimp/jQuery-File-Upload/downloads

  public function get() { /* $file_name = isset($_REQUEST['file']) ? basename(stripslashes($_REQUEST['file'])) : null; if ($file_name) { $info = $this->get_file_object($file_name); } else { $info = $this->get_file_objects(); } header('Content-type: application/json'); echo json_encode($info); */ $id_cat = $_REQUEST['catid']; $query = "SELECT id, name, price, img_path FROM products WHERE id_cat = $id_cat ORDER BY id"; $prods = mysql_query($query); $prod_arr = array(); while($prod = mysql_fetch_assoc($prods)) { //$prod_arr[] = $prod; $file = new stdClass(); $file->name = "";// here image name goes i do not find image name in your select query $file->size = filesize($prod["img_path"]);// should be complete path $file->url = $prod["img_path"];// should be relative path (http://localhost/images/234.jpg) $file->thumbnail_url = $prod["img_path"]; // thumbnail path $this->delete_type = "DELETE"; $this->delete_url = ""; //here delete url you can delete image from database array_push($prod_arr,$file); } header('Content-type: application/json'); echo json_encode($prod_arr); } 

Mi sugerencia es abrir la pestaña de red en Firebug y ver si hay solicitudes GET para server/php/index.php . Si ocurre después de un evento específico, entonces tendrá una mejor idea de dónde debería mirar.

Revisé los archivos de origen y la única solicitud GET que encontré fue en main.js

 $('#fileupload').each(function () { var that = this; $.getJSON(this.action, function (result) { if (result && result.length) { $(that).fileupload('option', 'done') .call(that, null, {result: result}); } }); }); } 

Siguiendo este WIKI: https://github.com/blueimp/jQuery-File-Upload/wiki/Working-with-databases

Configuré las cargas para que se insertaran en una base de datos, luego cambié mi función GET de la siguiente manera:

  public function get() { $uploads = $this->query_db(); header('Content-type: application/json'); echo json_encode($uploads); } 

y mi función query_db como sigue:

  public function query_db() { $uploads_array = array(); $select_result = $this->query("SELECT * FROM `uploads` ORDER BY `file_name`") or die(mysql_error()); while($query_results = mysql_fetch_object($select_result)) { $file = new stdClass(); $file->id = $query_results->id; $file->name = $query_results->file_name; $file->size = $query_results->file_size; $file->type = $query_results->file_type; $file->url = "http://files.domain.com/".$query_results->file_name; $file->thumbnail_url = "http://thumbnails.domain.com/".$query_results->file_name; $file->delete_url = ""; $file->delete_type = "DELETE"; array_push($uploads_array,$file); } return $uploads_array; }