Ajax上传仅将第一个文件传递到php文件

debugcn 发表于 Dev

丹科

我正在尝试在一个输入字段中上传多个文件。到目前为止，该代码有效，但只是将第一个文件发送到upload.php文件。我正在使用jQuery。

HTML：

<input id="carica" type="file" name="carica[]" multiple="true"/>
<button type="button" id="upload_sub" class="button">Carica</button>

JavaScript：

$("#upload_sub").click(function() {

        $.ajax({
            url: "./src/upload.php",
            type: "POST",
            contentType: false,
            processData: false,
            data: function() {
                var data = new FormData();
                data.append("carica", $("#carica").get(0).files[0]);
                return data;
                // Or simply return new FormData(jQuery("form")[0]);
            }(),
            error: function(_, textStatus, errorThrown) {
                alert("Error");
                console.log(textStatus, errorThrown);
            },
            success: function(response, textStatus) {
                alert("Success");
                console.log(response, textStatus);
            }
        });
    });

PHP：

print_r ($_FILES);

输出：

Array
(
    [carica] => Array
        (
            [name] => prova.pdf
            [type] => application/pdf
            [tmp_name] => /tmp/phpvIlTeL
            [error] => 0
            [size] => 7234
        )

)
 success

穆萨

循环浏览整个文件列表并发送所有文件

        data: function() {
            var data = new FormData();
            var files = $("#carica").get(0).files;
            for (var i = 0; i < files.length; i++){
                data.append("carica[]", files[i]);
            }
            return data;
        }(),

本文收集自互联网，转载请注明来源。

如有侵权，请联系[email protected] 删除。