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

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"); 
    }