document.locationはファイルを生成しません

Question

ユーザーがボタンをクリックすると、Excelファイルを生成しようとしていて、ブラウザにダウンロードしようとしています。

var vFullExportContent = getExcelXmlNew(includeHidden, fullPageStore); 

これはXMLでExcelファイルデータを生成しました。

と私はBase64を使用してそれをエンコードし、以下のコード行を使用してdocument.locationを使用してファイルをダウンロードしたかったのです。そして、これは私のエクセルレコードが1000行以上あるときにファイルを生成しません。 1000行以下であればOKです。

document.location='data:application/vnd.ms-excel;base64,' + Base64.encode(vFullExportContent); 

また、エンコードの問題のために私のすべての（3259行）データを検証しましたが、何も観察されません。つまり、アプリケーションでフィルタを適用して、1000未満の一意の行を取得し、3回すべてのレポートのダウンロードを取得します。

大変助かります。

Answer 1

最近、Base64は必要なくなりました。代わりに、XMLをBlobにラップし、ユーザにObject URLをダウンロードしてダウンロードすることができます。

まず、BLOBは、JavaScriptのテキスト、バイナリデータのブロックではありませんので、我々はUint8Array（ブラウザでpolyfill TextEncoderする必要があります）にテキストを変換します

次

var encoder = new TextEncoder('utf8') 
var blob = new Blob(encoder.encode(vFullExportContent), {type: "application/xml"}) 

、URLを生成する（それ）

var url = URL.createObjectURL(blob) 

とそれにリンクを表示する（またはあなたがしなければならない場合window.locationのを使用します。ブロブ、データのない表現）を参照し、短いURLになります。

ユーザーがファイルをダウンロードしたら、URL.revokeObjectURL(blob)に電話して、BLOBをガベージコレクションできるようにしてください。