jquery - 使用 Javascript (JSZip) 创建 Zip 文件在 IE 和 Safari 中不起作用

Question

我有一些文件，在获取它们后，我使用 JSZip 将它们转换为 zip ，但这在 Internet Explorer 和 Safari 中不起作用，因为 JSZip 在带有某些内容 URL 的 IE 中不起作用。

var zip = new JSZip();
var linkArr=$(xml1).find('groupnode:eq('+id_no+')').find('link');
var linklength = $(linkArr).length;

for(i=0;i<linklength;i++)
{
    zip.file("../resources"+$(linkArr[i]).attr('src'),$(linkArr[i]).text());
} 

content = zip.generate();
location.href="data:application/zip;base64," + content;

您知道还有其他提供跨浏览器支持的解决方案吗？

Answer 1

http://stuk.github.io/jszip/

大量的跨浏览器支持，包括 IE 和 Safari，问题出在你的代码或 URL 上。在切换到其他解决方案之前，我会定制您的网址并调查可能导致问题的其他代码。

另请阅读我提供的 URL 中有关文件名问题的部分:

"Filename problems
The biggest issue with JSZip is that the filenames are very awkward, Firefox generates filenames such as a5sZQRsx.zip.part (see bugs 367231 and 532230), and Safari isn't much better with just Unknown. Sadly there is no pure Javascript solution (and working in every browsers) to this. However...

Solution-ish: Downloadify

Downloadify uses a small Flash SWF to download files to a user's computer with a filename that you can choose. Doug Neiner has added the dataType option to allow you to pass a zip for downloading. Follow the Downloadify demo with the following changes:

zip = new JSZip();
zip.add("Hello.", "hello.txt");
Downloadify.create('downloadify',{
...
  data: function(){
    return zip.generate();
  },
...
  dataType: 'base64'
});
Other solution-ish: Blob URL

With some recent browsers come a new way to download Blobs (a zip file for example) : blob urls. The download attribute on <a> allows you to give the name of the file. Blob urls start to be widely supported but this attribute is currently only supported in Chrome and Firefox (>= 20). See the example.

var blob = zip.generate({type:"blob"});
myLink.href = window.URL.createObjectURL(blob);
myLink.download = "myFile.zip";"