Ver Mensaje Individual
  #1 (permalink)  
Antiguo 25/11/2011, 12:37
webAp
 
Fecha de Ingreso: noviembre-2011
Ubicación: Cordoba
Mensajes: 42
Antigüedad: 13 años
Puntos: 0
insertar campos ocultos al cargar imagen, jquery, php,ajax

Al editar un producto, estoy enviando mas fotos por si quiero agregar. desde un campo que utiliza ajax , jquery.

Código PHP:
Ver original
  1. <input type="text" size="25" name="mensaje" id="mitexto" />
  2.        <input type="hidden" id="idprod" name="idprod" value="<?php echo $elid; ?>" />
  3.         <input type="hidden" id="idcat" name="idcat" value="<?php echo $padre; ?>" />
  4.          <input type="hidden" id="idsubcat" name="idsubcat" value="<?php echo $parent; ?>" />
  5.  <input type="file" name="fileInput" id="fileInput" />

Bueno, que pasa. ahi estoy enviando al guardar la foto en los campos ocutos, valores del producto ya previamente guardado... en modo editar traigo sus respectivos valores en los campos hidden : idproducto, idcategoria, idsubcategoria que estoy trayendo

ENTONCES javascript procesa mediante la siguiente funcion ,


Código Javascript:
Ver original
  1. <script type="text/javascript">// <![CDATA[
  2. $(document).ready(function() {
  3.     $('#fileInput').uploadify({
  4.         'uploader'  : 'uploadify.swf',
  5.         'script'    : 'uploader.php',
  6.         'cancelImg' : 'cancel.png',
  7.         'auto'      : true,
  8.         'folder'    : 'uploads',
  9.         'scriptData' : {'texto': $("#mitexto").val(),
  10.         'scriptData' : {'texto2': $("#idprod").val()},
  11.         'scriptData' : {'texto3': $("#idcat").val()},
  12.                 'scriptData' : {'texto4': $("#idsubcat").val()},
  13.         'onComplete': function(event, queueID, fileObj, response, data) {
  14.             $('#fotosWrapper').append(response);
  15.         }
  16.     });
  17. });
  18. // ]]>
  19. </script>



bueno, que es lo que paso ahi, estoy pasando los valores , como explica tambien en su tutorial, y les asigno nombre que despues procesa el php, que son texto2,texto3,texto4

y el php hace esto

Código PHP:
Ver original
  1. <?php
  2. include('../eCommScripts/mysql_test.php');
  3. if (!empty($_FILES)) {
  4.     $tempFile = $_FILES['Filedata']['tmp_name'];
  5.     $file_name = $_FILES['Filedata']['name'];  
  6.     $elid = $_POST['texto2'] ;
  7.     $cat = $_POST['texto3'] ;
  8.     $subcategoria1 = $_POST['texto4'] ;
  9.     $sql = mysql_query( "INSERT INTO fotoxproducto(ruta_foto,idproducto,idcategoria,idsubcategoria)
  10.             VALUES('$file_name','$elid','$cat','$subcategoria1')") or die(mysql_error());
  11.  
  12.    
  13.     $targetPath = $_SERVER['DOCUMENT_ROOT'] . $_REQUEST['folder'] . '/';
  14.     $targetFile =  str_replace('//','/',$targetPath) . $file_name; 
  15.     if (move_uploaded_file($tempFile,$targetFile)){
  16.         echo 'Tu archivo se subi correctamente '.$_POST['texto'];
  17.     } else {
  18.         echo 'Tu archivo fall';
  19.     }
  20. }
  21. ?>

entonces lo nuevo que estoy haciendo en el procesamiento con php es grabar con insert into en la tabla de fotos del producto, y trayendo mas de un valor por que por defecto era solo el de campo texto...


Problema: solamente me trae el valor $elid = $_POST['texto2'] ; cuando inserto en la tabla
no puedo insertarle la categoria y subcategoria por que no pasa esos valores que estoy necesitando y no tengo mucha experiencia en jquery.



el link del tutorial es
[URL="http://www.miguelmanchego.com/2010/jquery-subir-archivos-usando-ajax/"]http://www.miguelmanchego.com/2010/jquery-subir-archivos-usando-ajax/[/URL]


saludos