Home / Questions / 422262
Accepted
Yoel Rodriguez
Asked: 2022-01-21 14:53:34 +0800 CST 2022-01-21 14:53:34 +0800 CST

How can I capture the name while uploading files to the server

  • 772

I have the following situation. I am uploading multiple files to the server but I need that once the file is on the server it shows me the name of the one that was uploaded and so on with the ones that follow. The process is being done through ajax and php . The files upload without problem but the message I receive is the last file and not while they are uploading. I leave the code to see if you can help me.

Thank you

HTML

<div id="myModalmultpl" class="modal hide fade" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
    <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">×</button>
        <h3 id="myModalLabel">Subir doctumento</h3>
    </div>
    <div class="modal-body">
        <?php echo for_open('#', array('class' => 'form-signin', 'id' =>'form-polizam')); ?>
        <div id="idsubiendo"></div>
        <input type="file" name="uploadfile[]" id="uploadfile[]" multiple />
        <input type="hidden" name="tipoupload" id="tipoupload" value="1" >
        <input type="button" name="submit" id="idsubmit" value="Subir">
        <?php echo for_close(); ?>
    </div>
    <div class="modal-footer">
        <button class="btn" data-dismiss="modal" aria-hidden="true">Cerrar</button>
    </div>
</div>

JavaScript

$("#idsubmit").on('click', function () {

 try {

  //obtenemos un array con los datos del archivo
  var dataString = new FormData($("#form-polizam")[0]);
  $.ajax({
   url: 'index.php?c=gpagar&f=setgdrive',
   type: 'POST',
   data: dataString,
   cache: false,
   contentType: false,
   processData: false,
   dataType: 'json',
   beforeSend: function () {
    $("div#idsubiendo").html('<div class="alert alert-success"><b>Subiendo ...</b></div>');
   },
   //una vez finalizado correctamente
   success: function (data) {
    console.log(data);
    bootbox.alert("<h6>El fichero ha sido subido al Google Drive: "+data.error+"</h6>");
   },
   //si ha ocurrido un error
   error: function (data) {
    console.log(data);
    $("div#idsubiendo").html('');
    bootbox.alert("A ocurrido un error por favor contacte con  el administrador");
   }
  });

 } catch (err) {
  bootbox.alert(err);
 }
});

php

   foreach($datos as $val){
     unset($_SESSION['idPol']);
     $nombre = $val['name'];
     $ext = pathinfo($nombre, PATHINFO_EXTENSION);
     $aNombre = explode("-",$nombre);
     $fecha = $aNombre[0]."-".$aNombre[1]."-".$aNombre[2];
     //Traemos el id del movimiento.
     $idmov = preg_replace('/[^0-9]+/','', $aNombre[4]);  
     $objMov = $gpa->get_movAutoId($idmov, $fecha);
     $_SESSION['idPol'] = $objMov->id;
     //Conformamos el nombre del fichro
     $nameFile = $gpa->set_namefile($objMov->id_mov);

     $path = "lib/gdriver/files/";
     $nom = $path.$nombre;
     $nom2 = $path.$nameFile.".".$ext;
     rename($nom, $nom2);
     //Extraemos el id de la empresa.
     $obj = $emp->get_empresaNomId($aNombre[3]);
     $fileid = $gpa->set_datagdrive($nameFile.".".$ext, $obj->id, $fecha);
     $jdata['error'] = $fileid;
     echo json_encode($jdata);
   }
php

2 Answers

  1. What I recommend is that every time you upload a file, you respond to your example application:

    foreach($_FILES["archivo"]['tmp_name'] as $key => $tmp_name)
    {
        
        if($_FILES["archivo"]["name"][$key]) {
            $filename = $_FILES["archivo"]["name"][$key]; 
            $source = $_FILES["archivo"]["tmp_name"][$key]; 
            
            // SI EL ARCHIVO SE MOVIÓ DE MANERA CORRECTA RESPONDES

            if(move_uploaded_file($source, "./$filename")) {    
                echo "El archivo $filename se ha almacenado en forma exitosa.<br>";
                } else {    
                echo "Ha ocurrido un error, por favor inténtelo de nuevo.<br>";
            }
    
        }
    }

    2.- And now you succeswould have that message, remember that you can respond with a JSON instead of a text string like the one shown in the previous example.

    • 1
  2. Best Answer

    I already managed to solve the problem that I had, then I leave the code in case someone needs it.

    Thank you

    JavaScript

    const input = document.getElementById('uploadfiles[]');
  if(input.files && input.files[0])
   datos = input.files;
   $.each(datos,function (index, value) {
 
    console.log(index+" "+value.name);
 
    var dataString = new FormData($("#form-polizam")[0]);
     dataString.append('uploadfile', value);
 
    $.ajax({
     url: 'index.php?c=gpagar&f=setgdrive',
     type: 'POST',
     data: dataString,
     cache: false,
     contentType: false,
     processData: false,
     dataType: 'json',
     beforeSend: function () {
      $("div#idsubiendo").html('<div class="alert alert-success"><b>Subiendo ... </b></div>');
     },
     //una vez finalizado correctamente
     success: function (data) {
      console.log(data);
      $("div#idsubiendo").html('<div class="alert alert-success"><b>El fichero ha sido subido al Google Drive: '+data.error+' </b></div>');
     },
     //si ha ocurrido un error
     error: function (data) {
      console.log(data);
      $("div#idsubiendo").html('');
      bootbox.alert("A ocurrido un error por favor contacte con  el administrador");
     }
    });
   });

    php

    $datos = upload_file($config);
     unset($_SESSION['idPol']);
     $nombre = $datos['name'];
     $ext = pathinfo($nombre, PATHINFO_EXTENSION);
     $aNombre = explode("-",$nombre);
     $fecha = $aNombre[0]."-".$aNombre[1]."-".$aNombre[2];
     //Traemos el id del movimiento.
     $idmov = preg_replace('/[^0-9]+/','', $aNombre[4]);
     $objMov = $gpa->get_movAutoId($idmov, $fecha);
     $_SESSION['idPol'] = $objMov->id;
     //Conformamos el nombre del fichro
     $nameFile = $gpa->set_namefile($objMov->id_mov);
 
     $path = "lib/gdriver/files/";
     $nom = $path.$nombre;
     $nom2 = $path.$nameFile.".".$ext;
     rename($nom, $nom2);
     //Extraemos el id de la empresa.
     $obj = $emp->get_empresaNomId($aNombre[3]);
     $fileid = $gpa->set_datagdrive($nameFile.".".$ext, $obj->id, $fecha);
     $jdata['error'] = $nameFile.".".$ext;
     echo json_encode($jdata);
    • 0