如何使用jQuery将变量中的图像文件存储发送到php

Question

我想通过使用jQuery将图像文件发送到PHP文件，方法是先将图像存储在变量中，然后将其发送以进行处理。 php代码输出如下错误：

未定义索引：第2行中C：\ xampp \ htdocs \ edash \ admin \ checks \ a_addQuest.php中的img

这是html代码。

<input type="file" name="img" id="img">

这是我的js代码。

$("#submitQuest").click(function() {
    var  dataString;
    var img  = $("#img")[0].files[0];
    dataString   = "img="+img;

    $.ajax({
       type : "POST",
       url  : "../admin/checks/a_addQuest.php",
       data : dataString,
       success: function (result) {
            $("#output").html(result).fadeIn("slow", function () {
            $("#output").fadeOut(3000);
        });
     }
  });
  return false;
});

这是php文件。

<?php
     $img = $_FILES['img']['name'];
     if($img){
           echo "working";
     }
?>

Answer 1

$("#submitQuest").click(function() {
    var data = new FormData();
    data.append('file', $('#img')[0].files[0]);

    $.ajax({
       type : "POST",
       url  : "../admin/checks/a_addQuest.php",
       data : data,
       cache: false,
       contentType: false,
       processData: false,
       success: function (result) {
          $("#output").html(result).fadeIn("slow", function () {
              $("#output").fadeOut(3000);
          });
       }
    });
    return false;
});