Php 通过ajax上载一个图像时出错

我很难通过ajax上传一个文件。这是我的密码

JS文件

var _submit = document.getElementById('fileInputBox');
var formData = new FormData();
formData.append('upload', 'upload'); 
formData.append('SelectedFile', _submit.files[0]);

$('#fileInputBox').on('change', function (e) {
  e.preventDefault();

  $.ajax({
    url: 'upload2.php',
    type: 'POST',
    data: formData,
    dataType: 'json' ,
    async: false,
    cache: false,
    contentType: false,
    processData: false,
    success: function (data) {
       $('#sep_s').html(data.msg); 
    }

 });

  // return false;
});

  <form action="" method="post" enctype="multipart/form-data" name="UploadForm" id="UploadForm">

     <div id="AddFileInputBox">
          <input id="fileInputBox" style="margin-bottom: 5px;" type="file"  name="file"/>
     </div>
  </form>

  if(isset($_POST['upload']))
  {
     $ImageName         = $_FILES['file']['name'];
     $ImageSize         = $_FILES['file']['size'];
        $TempSrc        = $_FILES['file']['tmp_name'];
      $ImageType        = $_FILES['file']['type'];
    ..........

HTML文件

var _submit = document.getElementById('fileInputBox');
var formData = new FormData();
formData.append('upload', 'upload'); 
formData.append('SelectedFile', _submit.files[0]);

$('#fileInputBox').on('change', function (e) {
  e.preventDefault();

  $.ajax({
    url: 'upload2.php',
    type: 'POST',
    data: formData,
    dataType: 'json' ,
    async: false,
    cache: false,
    contentType: false,
    processData: false,
    success: function (data) {
       $('#sep_s').html(data.msg); 
    }

 });

  // return false;
});

  <form action="" method="post" enctype="multipart/form-data" name="UploadForm" id="UploadForm">

     <div id="AddFileInputBox">
          <input id="fileInputBox" style="margin-bottom: 5px;" type="file"  name="file"/>
     </div>
  </form>

  if(isset($_POST['upload']))
  {
     $ImageName         = $_FILES['file']['name'];
     $ImageSize         = $_FILES['file']['size'];
        $TempSrc        = $_FILES['file']['tmp_name'];
      $ImageType        = $_FILES['file']['type'];
    ..........

我得到的错误是

注意：未定义的索引：第16行G:\installed here\upload2.php中的文件
注意：未定义的索引：第17行G:\installed here\upload2.php中的文件
等等

---

这里有什么错误？

您在formdata中使用

SelectedFile

作为参数，但在php中使用

file

，例如

$ImageName = $_FILES['SelectedFile']['name'];

此外，您还需要在更改事件处理程序中获取要上载的文件，即在实际选中该文件时

$('#fileInputBox').on('change', function (e) {
  var _submit = document.getElementById('fileInputBox');
  var formData = new FormData();
  formData.append('upload', 'upload'); 
  formData.append('SelectedFile', _submit.files[0]);
  ...

---

我看到的一个问题是，在页面加载时附加图像，而不是在图像实际设置/更改时

您应该将该代码放入事件处理程序：

$('#fileInputBox').on('change', function () {

  // put this inside the function so that its get set when you assign a value
  var _submit = document.getElementById('fileInputBox');
  var formData = new FormData();
  formData.append('upload', 'upload'); 
  formData.append('SelectedFile', _submit.files[0]);

  $.ajax({
    url: 'upload2.php',
    type: 'POST',
    data: formData,
    dataType: 'json' ,
    async: false,
    cache: false,
    contentType: false,
    processData: false,
    success: function (data) {
       $('#sep_s').html(data.msg); 
    }

  });
});

---

可能重复的我已经看过了每一篇文章，所以不要告诉我它是重复的。@Machavity关于正确使用

FormData

的方法没有任何问题。这也是我得到的

未定义索引：SelectedFile in…

Waw谢谢：）你救了我：）。它就像一个符咒，我不知道我必须有他们里面的变化处理。非常感谢。可能不需要

e.preventDefault（）

。更改文件输入没有任何额外的默认操作。非常感谢，您的操作也可以，+将文件重命名为SelectedFile。@Barmar您是对的，我甚至没有注意到，只是复制了OP的代码。。。