为什么 PHP 和 Ajax 不返回响应？

Question

文件上传适用于 ajax 和 php，但不返回响应！在upload.php页面显示：

上传成功！

html:

<form action="upload.php" method="post" enctype="multipart/form-data" id="form">
        <div style="padding: 15px;">
            <input type="file" name="file" id="file">
        </div>
        <div style="padding: 15px">
            <input type="submit" value="Upload" id="upload">
        </div>
</form>

ajax：

$(document).ready(function () {
        $('#form').on('submit', function (e) {
            e.preventDefault();
            $.ajax({
                url: "upload.php",
                type: "POST",
                data: new FormData(this),
                contentType: false,
                cache: false,
                processData: false,

                success: function (response) {
                    alert(response);
                }
            })
        })
})

php:

if (isset($_FILES['file'])) {    
    $file_destination = "uploads/IMG-" . date("Y-m-d") . time() . ".jpg";

    if (move_uploaded_file($_FILES['file']['tmp_name'], $file_destination)) {
        echo "uploaded succesfully!";
    }
}

Answer 1

客户端存在问题使用此html和java脚本代码希望您的问题将得到解决

<form action="#" enctype="multipart/form-data" id="form">
<div style="padding: 15px;">
    <input type="file" name="file" id="file">
</div>
<div style="padding: 15px">
    <button value="Upload" id="upload">Submit</button>
</div>
</form>

js部分

$(document).ready(function () {
$('#upload').on('click', function (e) {
    e.preventDefault();
    var formData = new FormData();
    formData.append('file', $('#file')[0].files[0]);
    $.ajax({
        url: "upload.php",
        type: "POST",
        data: formData,
        contentType: false,
        // cache: false,
        processData: false,

        success: function (response) {
            alert(response);
        }
    });
}); });