JSZip / Улучшение / Плагины Bootstrap

Версия: v3.10.1

Каталог: Плагины Bootstrap

Категория: Улучшение

Для Bootstrap: 3, 4, 5

Для CMS: HTML, Drupal, Joomla, uCoz, WordPress, Magento, OpenCart, PrestaShop, Shopify, WHMCS, PHP

Язык: Английский

Вес файла: 834.7 Kb

Уникальный ID: 1372

Посмотрели: 1303 раз

Скачать бесплатно

Помощь: установка & настройка

Скачали бесплатно: 27 раз

Прокомментировали: 0 раз

Рейтинг: 5.0 / 5 - 3 голосов

Тип лицензии: CC BY 4.0

Авторство: https://github.com/Stuk/jszip

Информация: Пользователям

Информация: Правообладателям

Теги: Plugin, zip, files, EXPORT, Bootstrap

Поделился: BootstrapТема

Добавлено: 2016-11-16 в 12:27

Метка: 1661170533

⇄ ⇅

<!DOCTYPE html>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" />
<script type="text/javascript" src="https://bootstraptema.ru/plugins/2022/JSZip/jquery-1.8.3.min.js"></script>
<script src="https://bootstraptema.ru/plugins/2022/JSZip/jszip.js"></script>

<h1 class="text-center">JSZip</h1>

jQuery(function($) {
 if(!JSZip.support.blob) {
 $("#demo-not-supported").removeClass("hidden");
 $("#demo").hide();
 return;
 }
 $("#demo").click(function () {
 try {
 eval($("#demo-code").val());
 $("#status")
 .removeClass()
 .addClass("text-success")
 .text("Done!");
 }
 catch (e) {
 $("#status")
 .removeClass()
 .addClass("text-danger")
 .text(e);
 }
 });
});

</script>
<textarea class="form-control" id="demo-code" rows="9" spellcheck="false">
var zip = new JSZip();
zip.file("Hello.txt", "Hello World\n");
var img = zip.folder("images");
img.file("smile.gif", imgData, {base64: true});
zip.generateAsync({type:"blob"})
.then(function(content) {
 // see FileSaver.js
 saveAs(content, "example.zip");
});</textarea>
<button id="demo" class="btn btn-primary">Run!</button>
<span id="status"></span>
<div id="demo-not-supported" class="alert alert-danger hidden">
 This browser doesn't support blobs, this demo won't work :(
 See <a href="/jszip/documentation/howto/write_zip.html" class="alert-link">here for more info</a>.
</div>

BootstrapTema

JSZip

Скриншот

Подробнее

Похожие материалы

Просмотренные материалы

Всего комментариев: 0