7

是否可以将多个图像下载到沙盒文件系统中（没有“另存为”对话框或最多一个另存为对话框）？

下载后，我想把它们压缩成一个.. 有没有 javascript 存档库？

提前致谢..

4

2 回答 2

6

您可以为此使用zip.js。它已经有用于从 HTTP 获取要压缩的内容的 API（参见zip.HttpReader构造函数）和用于在 HTML5 文件系统上写入生成的 zip（参见zip.FileWriter构造函数）。

这是使用文件系统 API的示例：

index.html文件：

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Zip JSON data from the BBC into HTML5 FileSystem</title>
</head>
<body>
  <script src="zip.js"></script>
  <script src="zip-fs.js"></script>
  <script src="zip-ext.js"></script>
  <script src="example.js"></script>
</body>
</html>

example.js文件：

// create a zip virtual filesystem
var fs = new zip.fs.FS();

// add some files into the zip filesystem 

// add the "bbc-music.json" file in the root directory
fs.root.addHttpContent("bbc-music.json", 
  "http://www.bbc.co.uk/programmes/genres/music.json");
// add the "bbc-learning.json" file in the root directory
fs.root.addHttpContent("bbc-learning.json", 
  "http://www.bbc.co.uk/programmes/genres/learning.json");

// create a file named "test.zip" in the root directory of the HTML5 filesystem 
createFile("test.zip", function(fileEntry) {
  // export the zip content into "test.zip" file
  fs.root.exportFileEntry(fileEntry, function() {
    console.log("done");
  });
});

// function to create a file in the HTML5 temporary filesystem
function createFile(filename, callback) {
  webkitRequestFileSystem(TEMPORARY, 4 * 1024 * 1024, function(fs) {
    fs.root.getFile(filename, { create : true }, callback);
  });
}
于 2013-01-06T12:48:58.667 回答
1

您可以将图像作为某些网页的常规部分访问或通过XMLHTTPRequests. 单独下载。在此之后，您可以使用JSZip JavaScript 库将它们压缩到一个存档中。zip 可以存储为没有“另存为”对话框的文件（尝试网站上的示例）。虽然我不确定你为什么需要sandbox。

还有其他用于压缩的 JavaScript 库，例如，其他 SO answer中提到了一些。

于 2013-01-06T10:30:29.920 回答