Question

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

下载后，我想将它们压缩成一个..是否有任何javascript存档库？

提前致谢..

Answer 1

您可以使用zip.js。它已经有了用于从HTTP（参见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);
  });
}

Answer 2

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

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

下载多个文件和zip - Chrome扩展程序

2 个答案: