javascript - PHP 回显 jQuery AJAX 请求

Question

这是我上传图像文件的 jQuery 请求

$('#upload-image').change(function(e){
    var file = e.target.files[0];
    var imageType = /image.*/;
    if (!file.type.match(imageType))
        return;
    console.log(file);
    var form_data = new FormData();
    form_data.append('file', file);
    console.log(form_data);
    $.ajax({
        url: 'http://localhost/upload.php',
        cache: false,
        contentType: false,
        processData: false,
        data: form_data,
        type: 'POST',
        success: function(response){
            console.log(response);
        },
        error: function(error){
            console.log(error);
        }
    });
});

这是本地网络服务器上的 upload.php

<?php
    header('Access-Control-Allow-Origin: *');
    if ( 0 < $_FILES['file']['error'] ) {
        echo 'Error: ' . $_FILES['file']['error'] . '<br>';
    }
    else {
        move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']);
        $target_path = $_SERVER['DOCUMENT_ROOT'] . "/uploads/" . $_FILES['file']['name'];
        echo $target_path;
    }
?>

当我上传图片并发送请求时。它为我返回并记录完整的 upload.php 代码行，而不是我想要的 echo 命令行的结果。我检查了控制台网络选项卡，发现响应除了 upload.php 的完整代码外什么也没有。它确实不处理服务器端的任何事情。我做错了什么？

Answer 1

您需要确保 PHP 在服务器端运行。如果没有安装 PHP 处理程序，服务器将以文本形式返回 upload.php 文件的内容。我认为这是您的主要问题。

根据您的平台，您可以尝试:

• > http://www.wampserver.com/en/ ( window )
• > https://www.digitalocean.com/community/tutorials/how-to-install-linux-apache-mysql-php-lamp-stack-on-ubuntu-14-04 (Ubuntu)
• > https://www.mamp.info/en/ (MacOS)

首先确保您的 PHP 正常工作，方法是在您的 webroot 文件夹中创建一个名为 info.php 的文件，其中包含以下内容

<?php
phpinfo();

这应该会显示您的配置。然后你就可以开始调试 Javascript 了。内容类型应为 multipart/form-data，以便服务器知道它需要上传。

祝你好运!