JSFiddle - React, Tailwind, and code Playground

by kirito0709

JavaScript

// Получаем ссылку на файл в формате blob URL
var blobUrl = 'blob://example.com/my-file';

// Создаем XMLHttpRequest объект для загрузки файла на сервер
var xhr = new XMLHttpRequest();

// Открываем запрос на загрузку файла на сервер
xhr.open('POST', 'http://example.com/upload', true);

// Устанавливаем заголовок Content-Type для передачи файла
xhr.setRequestHeader('Content-Type', 'multipart/form-data');

// Создаем новый объект типа FileReаder для чтения данных из файла
var reader = new FileReader();

// Устанавливаем обработчик события загрузки файла
reader.onloadend = function() {
  // Получаем массив байтов из файла
  var fileData = new Uint8Array(reader.result);

  // Создаем новый объект типа Blob из массива байтов
  var fileBlob = new Blob([fileData], { type: 'application/octet-stream' });

  // Создаем новый объект типа FormData для передачи файла на сервер через форму
  var formData = new FormData();
  formData.append('file', fileBlob, 'my-file');

  // Отправляем файл на сервер через XMLHttpRequest
  xhr.send(formData);
};

// Читаем данные из файла
reader.readAsArrayBuffer(blobUrl);