如何在上传文件后提交表单，同时在 post[] 中包含一些数据

Question

您好，我有以下 html 表格，我正在使用它来上传 .xlx 文件。

<form action="dashboard.php" method="post" enctype="multipart/form-data">
                            <div class="file-upload">  


                                <div class="col-md-12 m-b-15">
                                    <div class="col-md-3">
                                        Note No :
                                    </div>
                                    <div class="col-md-8">
                                        <input class=" form-control m-b-15 " id="note_number_for_the_alert" name="note_number_for_the_alert" readonly="">                              
                                    </div>
                                </div> 
                                <div class="row">
                                    <div class="col-md-8 m-l-10">

                                        <div class=" formError validateAlert" id="alert_to_upload_file_in_vendor_delivery_note_management" >
                                            <div class="formErrorContent" id="test">please Select the .XLSX file <br></div>
                                            <div class="formErrorArrow"></div>                                
                                        </div>
                                        <input type="file" id="file" name="file2" multiple="multiple" />
                                        <p style="text-align: right; margin-top: 20px;">
                                            <input type="submit"  value="Upload Files" name="submit2" class= "btn btn-success" />
                                        </p>
                                    </div>
                                    <div class="col-md-4"></div>
                                </div>


                            </div>
                        </form>

以下用于上传文件的 phpexcel 代码行。

$uploadedStatus = 0;
$name2 = '';
if (isset($_POST["submit2"])) {
    if (isset($_FILES["file2"])) {

        if ($_FILES["file2"]["error"] > 0) {
            echo "Return Code: " . $_FILES["file"]["error"] . "<br />";
        } else {
            if (file_exists($_FILES["file2"]["name"])) {
                unlink($_FILES["file2"]["name"]);
                $uploadedStatus = 2;
            }
            $name = basename($_FILES['file2']['name']);
            $name2 = explode('.', $name);
            if ($name2[count($name2) - 1] == 'csv' || $name2[count($name2) - 1] == 'xlsx') {

                $target_path = "uploads/programming/";
                $target_location = $target_path . basename($_FILES['file2']['name']);

                move_uploaded_file($_FILES["file2"]["tmp_name"], $target_location);
                $uploadedStatus = 1;
}


        }
    } else {
        echo "No file selected <br />";
    }
    }
}

这两个单独使用完美，文件上传没有问题。但我需要同时向 dashboard.php 发送一些值。

当前，在文件上传页面重定向到 dashboard.php 之前，任何提交表单的建议一旦获得 $uploadedStatus = 1，在文件上传过程完成后。

Answer 1

要回答您的问题，您可以使用 JQuery 上传文件。所以页面不会重新加载。当您按下上传按钮时，显示加载图像告诉用户您正在上传。

<form action="dashboard.php" method="post" enctype="multipart/form-data" id="form_id">

JQuery & Ajax

function submitForm() {
  var formData = new FormData($("#form_id"));
  // show your loader image

    $.ajax({
        url: upload.php,
        type: 'POST',
        data: formData,
        async: false,
        success: function (data) {
            alert(data)
           // hide your loader image
        },
        cache: false,
        contentType: false,
        processData: false
    });
}

注意：Formdata 不适用于旧版浏览器。有一些后备方案，请阅读此 thread

如何在上传文件后提交表单，同时在 post[] 中包含一些数据

how to submit a form after a file has been uploaded while including some data in the post[]

html

php

forms

file-upload

phpexcel