Приложение FormData не работает
Я написал это, чтобы загрузить изображение на мой локальный веб-сервер Apache с помощью элемента input
в HTML. file
зарегистрирован как не пустой, но почему form_data
полностью пуст?
$('#upload-image').change(function(e){
var file = e.target.files[0];
var imageType = /image.*/;
if (!file.type.match(imageType))
return;
console.log(file);
var form_data = new FormData();
form_data.append('file', file);
console.log(form_data);
$.ajax({
url: 'http://localhost/upload.php',
cache: false,
contentType: false,
processData: false,
data: form_data,
type: 'POST',
success: function(response){
console.log(response);
},
error: function(error){
console.log(error);
}
});
});
Это мой upload.php
на локальном веб-сервере
<?php
header('Access-Control-Allow-Origin: *');
if ( 0 < $_FILES['file']['error'] ) {
echo 'Error: ' . $_FILES['file']['error'] . '<br>';
}
else {
move_uploaded_file($_FILES['file']['tmp_name'], 'uploads/' . $_FILES['file']['name']);
$target_path = $_SERVER['DOCUMENT_ROOT'] . "/uploads/" . $_FILES['file']['name'];
echo $target_path;
}
?>
console.log(response)
записывает все строки кода файла PHP вместо возвращаемого результата echo
Ответы
Ответ 1
При регистрации объекта formData с помощью всего лишь console.log(formData)
он всегда возвращает пустой, поскольку вы не можете записать formData.
Если вам просто нужно зарегистрировать его перед отправкой, вы можете использовать entries()
для получения записей в объекте formDatap >
$('#upload-image').change(function(e) {
var file = e.target.files[0];
var imageType = /image.*/;
if (!file.type.match(imageType)) return;
var form_data = new FormData();
form_data.append('file', file);
for (var key of form_data.entries()) {
console.log(key[0] + ', ' + key[1]);
}
$.ajax({
url: 'http://localhost/upload.php',
cache: false,
contentType: false,
processData: false,
data: form_data,
type: 'POST',
success: function(response) {
console.log(response);
},
error: function(error) {
console.log(error);
}
});
});
Ответ 2
Я заметил, что contentType: false
будет работать только на jQuery 1.7.0 и выше. Поэтому убедитесь, что вы используете правильную версию jQuery.