Как загрузить файлы в JSZip с удаленного URL?

Есть ли способ загрузить файлы в Zip с данного URL?

как это:

var zip = new JSZip();
zip.file("file.txt", "/site.net/files/file.txt");

Обновить

Я использую этот пример: http://stuk.github.io/jszip/documentation/examples/downloader.html

Я попробовал этот код, но он не работал. Я скачал скрипты с GitHub, это мой пример:

<html>
<head>

</head>
<body>
<script type="text/javascript"
    src="jquery-1.8.3.min.js"></script>
<script type="text/javascript"
    src="jszip-utils.js"></script>
<script type="text/javascript"
    src="jszip-utils.min.js"></script>
<script type="text/javascript"
    src="FileSaver.js"></script>
<script type="text/javascript"
    src="jszip.js"></script>

<script type="text/javascript"
    src="downloader.js"></script>
<script type="text/javascript"
    src="helpers.js"></script>
<h3>Please select your files</h3>
<form action="#" id="download_form">
    <ul>
        <li>
            <label>
                <input type="checkbox" data-url="https://github.com/Stuk/jszip/blob/master/index.html" checked />
                Franz Kafka - The Metamorphosis.epub
            </label>
        </li>
        <li>
            <label>
                <input type="checkbox" data-url="https://github.com/Stuk/jszip/blob/master/index.html" checked />
                pygments.css
            </label>
        </li>
        <li>
            <label>
                <input type="checkbox" data-url="https://github.com/Stuk/jszip/blob/master/index.html" />
                jszip.js
            </label>
        </li>
        <li>
            <label>
                <input type="checkbox" data-url="https://github.com/Stuk/jszip/blob/master/index.html" />
                all.zip
            </label>
        </li>
    </ul>

    <button type="submit" class="btn btn-primary">pack them !</button>
</form>

<div class="progress hide" id="progress_bar">
    <div class="progress-bar" role="progressbar" aria-valuenow="0" aria-valuemin="0" aria-valuemax="100" style="width: 0%;">
    </div>
</div>

<p class="hide" id="result"></p>
</body>
</html>
Источник

1 ответ

Решение

Обновление (решение)

Объявление сценариев должно быть внизу тега формы.

<form ...>
...
</form>
<script type="text/javascript"
    src="jquery-1.8.3.min.js"></script>
<script type="text/javascript"
    src="jszip-utils.js"></script>
<script type="text/javascript"
    src="jszip-utils.min.js"></script>
<script type="text/javascript"
    src="FileSaver.js"></script>
<script type="text/javascript"
    src="jszip.js"></script>

<script type="text/javascript"
    src="downloader.js"></script>
<script type="text/javascript"
    src="helpers.js"></script>
Источник
Другие вопросы по тегам