php - MySQL 使用 PHP 更新查询导致 AJAX 错误回调

Question

我对 PHP 和后端 Web 开发非常陌生，所以如果我做了或说了什么太愚蠢的事情，请原谅我。

我正在尝试使用PHP上传图像，使用jQuery和AJAX调用PHP函数，然后使用MySQL存储数据的图像路径。但出于某种原因，当我尝试将查询发送到 MySQL 数据库以告诉它更新图像路径时，它会创建一个错误并使用 AJAX 的错误回调。我已经测试了该查询，并且仅在此函数中使用时才会产生错误。我还发现，如果我使用不涉及更新的查询，它不会产生错误。我完全不明白为什么会发生这种情况。

相关代码

HTML:

<form enctype="multipart/form-data">
    Select image to upload:
    <input id="pic" type="file" name="Picture" />
    <button id="upload">Upload</button>
</form>

Javascript

        var file_data = $('#pic').prop('files')[0];
        var form_data = new FormData();
        form_data.append('file',file_data);
        alert(form_data);
        $.ajax({
            url: 'upload.php',
            cache: false,
            processData: false,
            data: form_data,
            type: 'post',
            success: function(response){
                alert("Success"+response);
            },
            error: function(){
                alert('Error');
            }
        });

PHP“上传.php”

<?php
$servername = "localhost";
$username = "foo";
$password = "bar";
$dbname = "name";
//
$conn = new mysqli($servername, $username, $password, $dbname);

if (!$conn) {
    die("Connection failed: " . mysqli_connect_error());
}
echo "Connected successfully";
$sql = "UPDATE table SET var='test' WHERE id=1";
$conn->query($sql);
?>

Answer 1

在提交按钮单击事件上调用 javascript 代码，

$('#upload').on('click', function() { 

//the above java-script code;

});