Как передать файл при помощи xmlhttprequest?

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18

// выбираем файл
var fileInput = document.querySelector('input[type="file"]');
var file = fileInput.files[0];

// создаем объект FormData
var formData = new FormData();

// добавляем файл к объекту FormData
formData.append('file', file);

// создаем объект XHR
var xhr = new XMLHttpRequest();

// настраиваем запрос
xhr.open('POST', '/upload', true);

// отправляем запрос
xhr.send(formData);

1

$file = $_FILES['file'];

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

// Получаем файл из input[type="file"]
var fileInput = document.querySelector('input[type="file"]');
var file = fileInput.files[0];

// Создаем объект FormData
var formData = new FormData();

// Добавляем файл к FormData
formData.append('file', file);

// Создаем новый XMLHttpRequest-объект
var xhr = new XMLHttpRequest();

// Подписываемся на событие load
xhr.addEventListener('load', function(event) {
    // Здесь можно обработать ответ от сервера
});

// Устанавливаем метод и адрес сервера для отправки данных
xhr.open('POST', '/upload');

// Отправляем запрос с помощью метода send и передаем FormData
xhr.send(formData);

 1
 2
 3
 4
 5
 6
 7
 8
 9
10

$file = $_FILES['file'];

// Доступ к информации о файле
$file['name'];  // Имя файла
$file['type'];  // MIME-тип файла
$file['size'];  // Размер файла в байтах
$file['tmp_name'];  // Временное имя файла на сервере

// Сохранение файла на сервере
move_uploaded_file($file['tmp_name'], '/path/to/uploads/' . $file['name']);