使用 php jquery 将 ajax 表单上传到服务器答案

【问题标题】：ajax upload form into server using php jquery使用 php jquery 将 ajax 表单上传到服务器
【发布时间】：2017-01-21 17:25:51
【问题描述】：

我正在尝试使用 ajax 将一些数据发布到服务器。我一直在上传图片，我不知道我的错误在哪里。有人可以建议我如何解决这个问题吗？

以下是我的脚本和 php 代码。

$("#submit").click(function() {

  var formData = new FormData();
  formData.append('file', $('input[type=file]')[0].files[0]);

  var name = $("#first_name").val();
  var country = $("#country").val();
  var city = $("#city").val();

  $.ajax({

    url: 'personaliseService.php?name=' + name + '&country=' + country + '&city=' + city,
    dataType: 'json',
    processData: false,
    contentType: false,
    data: formData,
    //data: new FormData(), // Data sent to server, a set of key/value pairs (i.e. form fields and values)
    success: function(response) {
      console.log(response);
    },
    error: function(error) {
      alert("Yes");
      console.log(error);
    }

  });
});

<?php

    include("config.php");

    $name = $_REQUEST['name'];
    $country = $_REQUEST['country'];
    $city = $_REQUEST['city'];
    $image = $_FILES['image']['name'];
    $sourcePath = $_FILES['image']['tmp_name'];

    $targetPath = "uploads/".$_FILES['file']['name']; // Target path where file is to be stored
    move_uploaded_file($sourcePath, $targetPath) ;    // Moving Uploaded file

    $sql = "INSERT into personalise (name, country, city, image) VALUES ('$name', '$country', '$city', '$image')";

    $sqlQuery = mysqli_query($conn, $sql);

    if(mysqli_insert_id($conn) > 0){

        $insertValue = array("response" => "Data Inserted Successfully");
        echo '{"response": '.json_encode($insertValue).', "success": true}';

    }else{

        echo '{"response": '.json_encode($insertValue).', "success": false}';

    }

?>

【问题讨论】：

您的 PHP 代码正在检查 $_FILES['image']，但表单中没有对 image 的引用？为什么你的表单使用dataType : 'json'？
另见stackoverflow.com/q/10492617/1072229
是的，我了解删除的数据类型，但我怎样才能获得图像参考请建议

标签： php jquery ajax

【解决方案1】：

您必须使用相同的名称来访问 php 代码中的文件，正如您在 formdata 中提到的“文件”。

希望你喜欢:)

【讨论】：