Blog. Just Blog

Создание и скачивание файлов в браузере на JavaScript

01.10.2024 | Категория: Web-мастеру и не только | Автор: ManHunter
Сохранять изображения из браузера мы уже научились, теперь разберем более общий пример, когда надо создать виртуальный файл и отправить его на скачивание. Современными средствами JavaScript можно "на лету" создавать ZIP-архивы, PDF-файлы и даже некоторые форматы офисных документов. Подобное управление файлами посредством JavaScript на стороне клиента значительно повышает удобство работы, так как все манипуляции выполняются без необходимости поддерживать связь с сервером.
  1. function virtual_download (datafile_namemime_type) {
  2.     // Создать элемент Blob
  3.     var blob=new Blob([data], { typemime_type });
  4.     var url=window.URL.createObjectURL(blob);
  5.  
  6.     // Создать элемент ссылки
  7.     var link=document.createElement('a');
  8.     link.href=url;
  9.     link.download=file_name;
  10.     // Добавить элемент в DOM
  11.     document.body.appendChild(link);
  12.     // Эмуляция клика на ссылке
  13.     link.click();
  14.     // Убрать элемент из DOM
  15.     document.body.removeChild(link);
  16.     // Очистить объект Blob
  17.     setTimeout(function() {
  18.         window.URL.revokeObjectURL(url)
  19.     }, 1000);
  20. }
Параметры вызова: data - содержимое виртуального файла, file_name - имя файла, который будет передан на скачивание, и mime_type - MIME-тип файла. Скрипт автоматически создает элемент ссылки, добавляет его в DOM, настраивает у него атрибуты href с содержимым скачиваемого файла и download с указанным имени файла. После этого эмулируется клик на ссылке, что непосредственно запускает загрузку.

Читать статью целиком »
Просмотров: 782 | Комментариев: 3

Наверх
Powered by PCL's Speckled Band Engine 0.2 RC3
© ManHunter / PCL, 2008-2025
При использовании материалов ссылка на сайт обязательна
Время генерации: 0.08 сек. / MySQL: 1 (0.018 сек.) / Память: 4.5 Mb
Наверх