如何使用 Ajax 将文件上传到使用 XAMPP 的 php 脚本

Question

我在过去 3 小时内尝试了所有建议的解决方案，但没有一个对我有用。请记住，我对 ajax 很陌生。

这是我的 ajax 代码：

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


$.ajax({

url : 'includes/upload.php',
   type : 'POST',
   data : formData,
   processData: false,  // tell jQuery not to process the data
   contentType: false,  // tell jQuery not to set contentType
   success : function(data) {
       console.log(data);
       alert(data);
   }
 });

这是一张表单（它是最后一个默认禁用的表单属性）：

<label id="uploadAnimation">Upload your file:</label>
<input type="file" id="myfile" disabled>

这里是应该检索这个文件的 php 类：

include 'db_connector.php';
$fileName = $_FILES['file']['name'];
$fileType = $_FILES['file']['type'];
$fileError = $_FILES['file']['error'];
$fileContent = file_get_contents($_FILES['file']['tmp_name']);

if($fileError == UPLOAD_ERR_OK){
//file uploaded
}else{
//error while uploading

  echo json_encode(array(
           'error' => true,
           'message' => $message
        ));
}

当我尝试将消息记录到单独的文件中时，php 代码似乎正在工作，但我在任何 xampp 文件夹中都找不到该文件。 此外，来自 ajax 的 alert(data); 不显示任何值。

Answer 1

您应该首先通过调用 move_uploaded_file 将文件移动到某个文件夹：

   if ($fileError == UPLOAD_ERR_OK) {
        $tmp_name = $_FILES['file']['tmp_name'];
        $name = $_FILES['file']['name'];
        move_uploaded_file($tmp_name, "$your_uploads_dir/$name");
    }