通过 Ajax POST 文件数据、文本数据和变量数据到 PHP 文件进行上传

Question

我有三种类型的输入，它们是文件输入、文本输入和变量。我想通过使用 Ajax JSON 将数据发送到 PHP 文件来上传这些输入。我还想知道如何在 PHP 文件中捕获这些数据。

我正在使用没有表单语法的 HTML 代码。变量数据名称为 JQuery 代码中的 val1。

HTML 代码：

<div class="container" id="post">
    <textarea id="posttext" autocomplete="off"></textarea>
    <input type="file" name="file" id="file" multiple accept=".mp4, .mov, .m4v, .MPEG-4, .gif, .jpg, .png"/>
    <button type="button" id="submitpost">Submit</button>
</div>

JQuery 代码：

$(document).on("click", "#submitpost", function(){
    var val1 = "Some Datas";

        $.ajax({
        url: post.php,
        type: 'POST',
        data: VALUES,
        async: false,
        success: function (data) {
            alert(data)
        },
        cache: false,
        contentType: false,
        processData: false
        });
});

PHP 代码：

<?php
if (!isset($_POST['VALUES']) && !empty($_POST['VALUES'])) {
        $params = $_POST['VALUES'];

}
?>

如何获取 PHP 中的每个值以上传文件并将文本和变量数据插入数据库。

Answer 1

使用此代码：

HTML：

<div class="container" id="post">
  <form enctype="multipart/form-data" method="POST" id="myform">
    <textarea id="posttext" name="posttext" autocomplete="off"></textarea>
    <input type="file" name="file" id="file" multiple accept=".mp4, .mov, .m4v, .MPEG-4, .gif, .jpg, .png"/>
    <button type="submit" name="submitpost" id="submitpost">Submit</button>
   </form>
</div>

Jquery：

$(document).on("click", "#submitpost", function(e){
    $("form#myform").submit();
});
$("form#myform").on('submit', function(e){
    e.preventDefault();
    var val1 = "Some Data";
    var file = this.files[0];
    var form = new FormData();
    form.append('file', file);
    form.append('val1', val1);
    form.append('posttext', $('#posttext').val());
    $.ajax({
        url : "post.php",
        type: "POST",
        cache: false,
        async: false,
        contentType: false,
        processData: false,
        data : form,
        success: function(response){
            alert(response);
        }
    });
});

PHP 代码：

<?php
if (isset($_POST) && !empty($_POST)) {
    print_r($_POST);
    print_r($_FILES);
}
?>