Получение файла из FormData с помощью PHP - PullRequest
Новая
       20

Получение файла из FormData с помощью PHP

0 голосов
/ 05 февраля 2019

Я пытаюсь отправить изображение с клиента в файл PHP, который загрузит изображение в предустановленный каталог.Я не уверен, почему я не могу получить следующий код для выполнения этой задачи.

JS-файл: 

function update_avatar(){

var file = document.getElementById('avatar');
var formData = new FormData(file);
//formData.append("avatar",file);

if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlhttp=new XMLHttpRequest();
} else {  // code for IE6, IE5
xmlhttp=new ActiveXObject("Microsoft.XMLHTTP");
}
xmlhttp.onreadystatechange=function() {
if (this.readyState==4 && this.status==200) {

  var r = JSON.parse(this.responseText);
  console.log(r);
  if(r.status === 'GOOD'){
    document.getElementById('pForm_response').innerHTML = 'Your Avatar Was Updated Successfully!';
    setTimeout(function(){
      document.getElementById('pForm_response').innerHTML = '';
    },5000);
    //Change Avatar Image URL...
    document.getElementById('avatarPreview').href = r.newURL;
    window.scrollTo(0, 0);
  }else{
    document.getElementById('pForm_error').innerHTML = 'There was an error processing your request...';
    setTimeout(function(){
      document.getElementById('pForm_error').innerHTML = '';
    },5000);
    window.scrollTo(0, 0);
  }

}
 }
  xmlhttp.open("POST","user-settings/php/update-avatar.php",true);
  xmlhttp.setRequestHeader('Content-Type','multipart/form-data');
  //xmlhttp.setRequestHeader('Content-type', 'application/x-www-form- 
urlencoded');
  xmlhttp.send(formData);
}

PHP-файл: 

    <?php
 include '../../assets/php/connection.php';

$eMessages = '';

print_r($_POST);
print_r($_FILES);

//echo $_FILES['avatar']['size'];//For DeBug ONLY...
if($_FILES['avatar']['size'] != 0) {
$id = rand(100000,1000000);

//Document Parsing
$target_dir = "../../assets/img/avatars/";
$target_file2 = $target_dir . basename($_FILES["avatar"]["name"]);

$uploadOk = 1;
$imageFileType = pathinfo($target_file2,PATHINFO_EXTENSION);
$target_file = $target_dir . $_SESSION['user_id'] . "_avatarImg_" . 
$id . "." . $imageFileType;

// Check if image file is a actual image or fake image
$check = getimagesize($_FILES["avatar"]["tmp_name"]);
if($check !== false) {
  //  echo "File is an image - " . $check["mime"] . ".";
    $uploadOk = 1;
} else {
    $eMessages .= "File is not an image.";
    $uploadOk = 0;
}

// Allow certain file formats
if($imageFileType != "jpg" && $imageFileType != "png" && 
$imageFileType != "jpeg"
&& $imageFileType != "gif" && $imageFileType != "JPG" && 
$imageFileType != "PNG" ) {
$eMessages .= "<br>ERROR!- only JPG, JPEG, PDF, PNG & GIF files are 
allowed.";
$uploadOk = 0;
}

// Check if $uploadOk is set to 0 by an error
if ($uploadOk == 0) {
$eMessages .= "<br>ERROR!- your file was not uploaded.";
// if everything is ok, try to upload file
} else {
if (move_uploaded_file($_FILES["avatar"]["tmp_name"], $target_file)) {
  //INSERT FILE PATH INTO DATABASE
  $file_name_1 = 'http://' . $_SERVER['HTTP_HOST'] . 
'/toolbox/assets/img/avatars/' . $_SESSION['user_id'] . '_docImg_' . 
$id . '.' . $imageFileType;
  //echo '<br>File was moved to the right location!';
}
}
}else{
//Set URL to empty if no file was selected to upload...
$file_name_1 = '';
$uploadOk = 0;
$eMessages .= 'Size of Image not detected!';
}//End if file was uploaded

//echo $eMessages;
$q = "UPDATE `users` SET `avatar_url` = '" . $file_name_1 . "' WHERE 
`ID` = '" . $_SESSION['user_id'] . "'";
if($uploadOK != 0){
mysqli_query($ign_conn, $q) or die($ign_conn->error);
$x->status = 'GOOD';
$x->response = 'Avatar Updated Successfully...';
$x->newURL = $file_name_1;
}else{
$x->status = 'BAD';
$x->response = $eMessages;
}
$response = json_encode($x);
echo $response;

?>

Яиспользуя $_FILES['avatar']['size'], чтобы попытаться обнаружить изображение, и я ничего не получаю ...

РЕДАКТИРОВАТЬ: Когда я использую этот код в файле PHP: 

print_r($_POST);
print_r($_FILES);

Вывод: 

Array
(
)
Array
(
)

Я все еще не уверен, почему мои значения пусты?

Кроме того, это моя полезная нагрузка запроса: 

------WebKitFormBoundaryzBMoLRhnxawwcEQR--

1 Ответ

0 голосов
/ 05 февраля 2019

После дальнейших исследований я нашел ответ, который решил мою проблему здесь: javascript xhr загрузка файла без jQuery

Похоже, что правильное использование FormData() для файлов имеет 3параметры.Not 2.

Кроме того, было предложено не устанавливать setRequestHeader(), поскольку xhr сделает это автоматически.

...