Как использовать filesaver.js

В последней документации файлового архива приведен пример использования файлов filesaver.js в сочетании с blobbuilder.js:

var bb = new BlobBuilder();
bb.append("Lorem ipsum");
var fileSaver = window.saveAs(bb.getBlob(), "test_file");
fileSaver.onwriteend = myOnWriteEnd;`

Однако blobbuilder.js устарел, и теперь они говорят использовать blob.js(я все равно не могу найти код для blobbuilder.js).

Может ли кто-нибудь дать мне пример использования файлового архива вместе с blob.js?

Ответ 1

Как пример из github, он работает. https://github.com/eligrey/FileSaver.js

<script src="FileSaver.js"></script>
<script type="text/javascript">
    var blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
    saveAs(blob, "hello world.txt");
</script>

Ответ 2

Он работает в моем проекте:

import FileSaver from 'file-saver';
// ...
onTestSaveFile() {
    var blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
    FileSaver.saveAs(blob, "hello world.txt");
}

Ответ 3

wll похоже, что я нашел ответ, хотя я еще не тестировал его

var blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
saveAs(blob, "hello world.txt");

с этой страницы https://github.com/eligrey/FileSaver.js

Ответ 4

Вот руководство к JSZIP для создания ZIP файлов с помощью JavaScript. Для загрузки файлов вам необходимо иметь filesaver.js, вы можете включить эти библиотеки:

<script src="https://cdnjs.cloudflare.com/ajax/libs/jszip/3.1.4/jszip.min.js"  type="text/javascript"></script>
<script type="text/javascript" src="https://fastcdn.org/FileSaver.js/1.1.20151003/FileSaver.js" ></script>

Скопируйте этот код, и этот код загрузит zip файл с файлом hello.txt, имеющим контент Hello World. Если все работает нормально, это загрузит файл.

<script type="text/javascript">
    var zip = new JSZip();
    zip.file("Hello.txt", "Hello World\n");
    zip.generateAsync({type:"blob"})
    .then(function(content) {
        // see FileSaver.js
        saveAs(content, "file.zip");
    });
</script>

Теперь давайте углубиться в глубь. Создайте экземпляр JSZip.

var zip = new JSZip();

Добавьте файл с текстом Hello World:

zip.file("hello.txt", "Hello World\n");

Загрузите filie с именем archive.zip

zip.generateAsync({type:"blob"}).then(function(zip) {
    saveAs(zip, "archive.zip");
});

Подробнее здесь: http://www.wapgee.com/story/248/guide-to-create-zip-files-using-javascript-by-using-jszip-library

Ответ 5

https://github.com/koffsyrup/FileSaver.js#examples

Сохранение текста (все браузеры)

saveTextAs("Hi,This,is,a,CSV,File", "test.csv");
saveTextAs("<div>Hello, world!</div>", "test.html");

Сохранение текста (HTML 5)

var blob = new Blob(["Hello, world!"], {type: "text/plain;charset=utf-8"});
saveAs(blob, "hello world.txt");

Ответ 6

Для людей, которые хотят загрузить его в консоль:

var s = document.createElement('script');
s.type = 'text/javascript';
s.src = 'https://cdnjs.cloudflare.com/ajax/libs/FileSaver.js/1.3.8/FileSaver.min.js';
document.body.appendChild(s);

Тогда:

saveAs(new Blob([data], {type: "application/octet-stream ;charset=utf-8"}), "video.ts")

Файл будет сохранен, когда вы выйдете из точки останова (по крайней мере, в Chrome)