如何从远程 URL 加载文件到 JSZip?
How to load files into the JSZip from remote URL?
有没有办法从给定 url 将文件加载到 Zip 中?
像这样:
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>
更新(解决方案)
脚本的声明必须在表单标签的底部。
<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>
有没有办法从给定 url 将文件加载到 Zip 中?
像这样:
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>
更新(解决方案)
脚本的声明必须在表单标签的底部。
<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>