Чтобы загрузить большой двоичный объект с помощью TypeScript, вы можете использовать различные методы в зависимости от среды, в которой вы работаете. Вот несколько примеров:
-
Использование Fetch API:
async function downloadBlobUsingFetch(url: string, filename: string) { const response = await fetch(url); const blob = await response.blob(); const a = document.createElement('a'); const downloadUrl = URL.createObjectURL(blob); a.href = downloadUrl; a.download = filename; a.click(); URL.revokeObjectURL(downloadUrl); } -
Использование XMLHttpRequest:
function downloadBlobUsingXHR(url: string, filename: string) { const xhr = new XMLHttpRequest(); xhr.open('GET', url, true); xhr.responseType = 'blob'; xhr.onload = function () { const blob = xhr.response; const a = document.createElement('a'); const downloadUrl = URL.createObjectURL(blob); a.href = downloadUrl; a.download = filename; a.click(); URL.revokeObjectURL(downloadUrl); }; xhr.send(); } -
Использование библиотеки FileSaver.js:
import * as FileSaver from 'file-saver'; function downloadBlobUsingFileSaver(url: string, filename: string) { fetch(url) .then((response) => response.blob()) .then((blob) => { FileSaver.saveAs(blob, filename); }); }
Эти примеры демонстрируют три различных метода загрузки большого двоичного объекта в TypeScript. Первый метод использует Fetch API, второй метод использует XMLHttpRequest, а третий метод использует библиотеку FileSaver.js.