jsZipで作成した一定以上の容量のzipファイルをIEで正常にダウンロードできません。。

Question

###前提・実現したいこと
javascriptのjsZipを使ってzipファイルの生成、ローカルにダウンロードをしているのですが、IEだけ４００MBのzipファイルすらダウンロードできません。
10MBなどの小さなzipファイルであればきちんとダウンロードできるため、ソースには間違いはないと思われます。
ちなみに、他のブラウザ（chromeやfirefoxなど）では1GB以上のファイルでもちゃんとローカルにダウンロードされます。

###発生している問題・エラーメッセージ

処理が終了しない、もしくはエラーが出ずに処理が終了してしまいます。

###該当のソースコード

　　zip.generateAsync({type:"blob"})
　　.then(function(content){
　　　　try {
            //return location.href="data:application/zip;base64,"+content;
            //window.open('data:' + 'application/zip' + ';base64,' + window.Base64.encode(content), '_blank');
            return saveAs(content, "kintoneFiles.zip");
        } catch (e) {
            alert("saveAs failed with " + e);
        }
    });

###試したこと
小さいファイルならダウンロードできることから、ソース自体は間違っていないと思うのですが、念のためコメントアウトしたソースで試してみたのですが、結果は変わらずでした。。

Answer 1

saveAsのダウンロードはJSZipではなくFileSaver.jsですね。

以下のサイトを確認してみてください。
https://github.com/eligrey/FileSaver.js/

このサイトのSupported browsersの欄を見るとIEは600MiBまでしかサポートしていません。
Chromeは500MiB、FireFoxは800MiBの対応ですが、1GB以上落とせているのはたまたまの可能性が高いです。
単純に約600MB以上のものはサポートしていないので、根本的に落とせないかもしれません。

試されたという2つも同じ結果(サイズが小さければDL可、大きければDL不可)ということですが、
まず「location.href="data:application/zip;base64,"+content;」ですが、
https://stuk.github.io/jszip/documentation/howto/write_zip.html
ここのData URI欄のBrowser support and resulting filename :を確認すると
IEはNoという記載がありますので、動作の保証は取れません。
次に「window.open('data:' + 'application/zip' + ';base64,' + window.Base64.encode(content), '_blank');」
についてですが、これはそもそもSafari対応でIE対応ではないのでこれも動作が保証できません。

以下を試してみてください。

window.navigator.msSaveBlob(blob, filename)

IE用のBlobダウンロードメソッドです。
これでできない場合、Blobのダウンロード方法が私の知識では見当たらないので、別の方法を試す必要があるかもしれません。
できないという回答がありましたら別の方法の提案をしますね。

※ちなみにですが、JSZipはIE11をサポートしていません。
直近の開発ですとおそらくIE11をご使用かと思いますので念のため。

Comments

[su-san]

window.navigator.msSaveBlob(blob, filename)を試してみましたが、ダウンロードできました！

そしてJSZipの対応状況など色々教えていただきありがとうございます！????

1GB以上のファイルもダウンロードできるライブラリなどをもしも知っているのであれば教えていただけますでしょうか？？