upload Mutiplos files

Question

How do I get the files on AJAX?

That’s the AJAX that is working, however I am not passing as date the files, I’m taking the PHP

$('#btnenviarpdf').click(function () {

        var id = $('#modalADDPDF').data('id');  

        $.post('estrutura/upaddpdf.php',{acao:'inserir',id:id},function(r) { 

           var m = jQuery.parseJSON(r);        
           if (m.success) {


            $('#modalADDPDF').modal('hide');
            toastr["success"](m.msg);           
            $("#listapdf").load(location.href + " #listapdf>*", "");    

           } else {

            toastr["error"](m.msg);
            $('#modalADDPDF').modal('hide');

           }             
        });
    });

This error occurs:

Notice: Undefined index: img in upaddpdf.php on line 14

PHP:

<?php
    include("../includes/config.php");

    if($_POST){

        $data = array('success' => '0',
                  'msg' => 'Ocorreu um erro, nada foi inserido!');

        $acao   = $_POST['acao'];
        $id     = $_POST['id'];

        IF($acao != ""){
            //INFO IMAGEM
            $file       = $_FILES['img'];  <<<=== linha 14
            $numFile    = count(array_filter($file['name']));

            //PASTA
            $folder     = 'arquivos/anexos';

Now I’ve done it this way, but it’s still the same problem.

JQUERY

$('#btnenviarpdf').click(function () {

    var id = $('#modalADDPDF').data('id');  

    var form_data = new FormData();
    var ins = document.getElementById('multiFiles').files.length;
    for (var x = 0; x < ins; x++) {
        form_data.append("files[]", document.getElementById('multiFiles').files[x]);
    }

    $.post('estrutura/upaddpdf.php',{acao:'inserir',id:id},function(r) { 

       var m = jQuery.parseJSON(r);        
       if (m.success) {


        $('#modalADDPDF').modal('hide');
        toastr["success"](m.msg);           
        $("#listapdf").load(location.href + " #listapdf>*", "");    

       } else {

        toastr["error"](m.msg);
        $('#modalADDPDF').modal('hide');

       }             
    });
});

PHP

<?php
include("../includes/config.php");

if($_POST){

    $data = array('success' => '0',
              'msg' => 'Ocorreu um erro, nada foi inserido!');

    $acao   = $_POST['acao'];
    $id     = $_POST['id'];

    IF($acao != ""){
        //INFO IMAGEM
        $file       = $_FILES['files'];
        $numFile    = count(array_filter($file['name']));

Form:

<form id="formulario" method="post" enctype="multipart/form-data" action="">
                        <input type="hidden" name="acaopdf" value="">
                        <input type="hidden" name="id" value="<?php echo $id?>">
                        <div class="file-field">                    

                            <div class="d-flex justify-content-center">
                                <div class="btn btn-info btn-rounded btn-sm">
                                    <span id="spa">Escolha o arquivo</span>                                         
                                    <input type="file" id="mulitplefileuploader" name="img[]" multiple>

                                </div>

                            </div>
                        <center><input class="btn btn-info btn-rounded btn-sm" id="btnenviarpdf" type="submit" value="Enviar" /></center>
                        </div>

                    </form>

Answer 1

Your Ajax does nothing but send {acao:'inserir',id:id}, that is there is no way PHP can receive the upload since you have not sent anything, to send the files you need to pass the FormData in the date field and set the processData as false

It will be necessary to pass the action and id on its own FormData:

//O mesmo que acao: 'inserir'
form_data.append("acao", "inserir");

//O mesmo que id: id
form_data.append("id", id);

No JSON.parse required, you can simply use dataType: "json"

Another interesting thing to use is the .fail, because errors may occur on the server or even on the user’s internet, with fail you will be able to inform if something failed in this situation:

.fail(function (xhr, textErr) {
    toastr["error"](textErr);
    $('#modalADDPDF').modal('hide');
});

Should stay like this:

var id = $('#modalADDPDF').data('id');  

var form_data = new FormData();
var ins = document.getElementById('multiFiles').files.length;

for (var x = 0; x < ins; x++) {
    form_data.append("files[]", document.getElementById('multiFiles').files[x]);
}

//O mesmo que acao: 'inserir'
form_data.append("acao", "inserir");

//O mesmo que id: id
form_data.append("id", id);

$.ajax({
  type: "POST",
  url: 'estrutura/upaddpdf.php',
  data: form_data, //Passa o forma data
  dataType: "json",//Força o tipo json na resposta
  processData: false // <--- false
}).done(function(r) {
   if (m.success) {


    $('#modalADDPDF').modal('hide');
    toastr["success"](m.msg);           
    $("#listapdf").load(location.href + " #listapdf>*", "");    

   } else {

    toastr["error"](m.msg);
    $('#modalADDPDF').modal('hide');

   }     
}).fail(function (xhr, textErr) {
    toastr["error"](textErr);
    $('#modalADDPDF').modal('hide');
});