как отправить файл на сервер js
Ответы
Aleksey
13 апреля 2023
Для отправки файла на сервер с помощью JavaScript можно использовать технологию AJAX. Пример кода:
const fileInput = document.getElementById('fileInput'); // получаем элемент input для загрузки файла
const file = fileInput.files[0]; // получаем выбранный файл
const xhr = new XMLHttpRequest(); // создаем объект XMLHttpRequest
const formData = new FormData(); // создаем объект FormData для передачи файла
formData.append('file', file); // добавляем файл в объект FormData
xhr.open('POST', '/upload'); // указываем метод и URL сервера, куда будет отправлен файл
xhr.send(formData); // отправляем запрос на сервер с помощью метода send()
В данном примере мы получаем элемент input
, в котором пользователь выбирает файл для загрузки. Затем создаем объект XMLHttpRequest
и объект FormData
, в который добавляем выбранный файл. Далее, указываем метод и URL сервера, куда будет отправлен файл, и отправляем запрос с помощью метода send()
.
Хоть существует и более современный способ работы с сетью с помощью метода fetch
, но XMLHttpRequest
бывает полезным. Например, для отслеживания процесса загрузки.
На сервере необходимо обработать этот запрос и сохранить файл на сервере. Для этого можно использовать, например, Node.js и библиотеку multer.
0
0