Home / Questions / 501236
Accepted
Enrique Espinosa
Asked: 2022-05-04 12:08:43 +0800 CST 2022-05-04 12:08:43 +0800 CST

How to create an array of documents with javascript and send them to PHP

  • 772

I have a problem. I have to submit a form that allows multiple documents to be attached. Each <input type="file">gives the option to add more documents.

My question is, I want to process that form with JavaScriptand then send it to phpto record the information in my DB. How can I do it?

I was thinking of creating an array of the filesusing the attribute nameand traversing them with the function mapin one arrayor creating an array with all the temp_namein one array.

This is my form: enter image description here

And currently in javascriptthe process like this:

function registroSolicitud(){

    var datosSolicitud = new FormData($( "#form-solicitud" )[0]);

    $.ajax({
        type: "POST",
        url: "/centro/panel/controller/controlador_solicitud.php",
        data: datosSolicitud,
        contentType: false,
        processData: false,
        cache: false,
        success: function(data){

        }
    });
    
    return false;
}

The problem is that if I do it this way I get the <input type="file">a PHP.

javascript

1 Answers

  1. Best Answer

    If each inputhas a namedifferent one, PHPyou must receive them according to this name separately. But if inputthey have them the same nameas an array, eg: name="adjuntos[]", PHPyou receive them as such and you must use a loop to iterate through them.

    It inputwould be more or less like this:

    <input type="file" name="adjunto[]">

    The way you're sending them with ajaxis fine. If you want to see what is coming to you PHP, useprint_r($_FILES);

    • 2