HTML5 PHP AJAX上传：PHP无法正常工作

Question

我正在尝试编写自己的php上传器代码，以便我可以学习和了解其工作原理。 尝试不使用任何库/插件/ API。 所以基本上我可以用javascript的东西来实现它的功能（我希望..）。 现在我被困在PHP上。 我希望它上传并保存为img / 1.png。 （不只是为了测试而使用任何变量...）。 这是我的脚本。 保持非常简单，没有任何错误检查，只是为了使基本上传工作正常进行。 这适用于多个文件吗？ 可以有人指导我，对于非常基本的（多）文件上传，我的PHP文件应该是什么样？ 谢谢！

album_create.js

$(document).ready(function() {
  $('#album_create').submit(function() {
    var file = document.getElementById('album-files').files[0]; //Files[0] = 1st file
    var reader = new FileReader();

    reader.onload = function(f) {shipOff(f);};
    reader.onerror = function(event) {
      console.error("File could not be read! Code " + event.target.error.code);
    };
    reader.readAsText(file, 'UTF-8');
    return false;
  });
});


function shipOff(event) {
  var result = event.target.result;
  var fileName = document.getElementById('album-files').files[0].name; //Should be 'picture.jpg'
  console.log(fileName);
  $.post('ajax/album_create.php', { data: result, name: fileName }, function(data){console.log(data);});
  return false;
}

ajax / album_create.php

$data = $_POST['data'];

move_uploaded_file($data[0], 'img/1.png');

Answer 1

您正在发布：

data: result, name: fileName 

但是album_create.php期望：

    $data = $_POST['data'];
    $fileName = $_POST['fileName'];

$fileName = $_POST['fileName']; 应该是： $fileName = $_POST['name'];