间接点击提交按钮不会设置 $_POST['submit']答案

【问题标题】：Clicking submit button indirectly wont set $_POST['submit']间接点击提交按钮不会设置 $_POST['submit']
【发布时间】：2019-05-29 09:01:04
【问题描述】：

我正在尝试将图像插入到我的文件系统中：当用户点击一个按钮时，它会触发表单的文件输入，当一个文件被选中时，它会触发点击表单提交按钮，该按钮会将其发布到 PHP 处理脚本。

当前脚本无法识别 $_POST['submit'] 已设置。我不知道为什么？

HTML：

<div id="toolbar">
            <!-- custom toolbar: linking all buttons to Quill -->
            <span class="ql-formats">
                 <button class="ql-clean"></button>
                 <button class="ql-upload"><i class="fas fa-images"></i></button>
            </span>
</div>

<form action="upload.php" method="post" enctype="multipart/form-data" id="form1" runat="server" name="imageForm">
    <input type="file" name="file" id="imgInp">
    <button type="submit" id="sub2" name="submit">Save</button>
    <span id="result"></span>
</form>

JS：

//linking button to input field
$('.ql-upload').click(function()
{
    $("#imgInp").trigger("click");
});

// submitting form when file is chosen
$(document).ready(function()
{
    document.getElementById("imgInp").onchange = function()
    {
        $("#sub2").trigger("click");
    };
});

PHP：

session_start();
require_once('db.php');

if (isset($_POST['submit'])) {
    $file = $_FILES['file'];

    $fileName = $_FILES['file']['name'];
    $fileTmpName = $_FILES['file']['tmp_name'];
    $fileSize = $_FILES['file']['size'];
    $fileError = $_FILES['file']['error'];
    $fileType = $_FILES['file']['type'];
........ etc

【问题讨论】：

要将按钮本身作为表单元素提交，请改用<input type="submit">
首先添加以下代码：//linking button to input field $('.ql-upload').click(function() { $("#imgInp").trigger("click"); }); inside $(document).ready(function()
问题标题听起来好像手动单击按钮确实设置了$_POST['submit']，但事实并非如此。
也可以改用document.getElementById("imgInp").addEventListener("change", function() { ... }
@JitendraAhuja 或者更确切地说是$("#imgInp").on("change", ...

标签： javascript php jquery html forms

【解决方案1】：

而不是检查是否设置了$_POST['submit']。我建议检查请求是否为 POST。

if ($_SERVER['REQUEST_METHOD'] === 'POST') {
    // ... Handle your form
}

【讨论】：