как отправить файл на сервер js

Аватар пользователя Aleksey
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
Познакомьтесь с основами JavaScript бесплатно