Vue2：ダウンロードされたPDFが壊れています

Question

ボタンはオンザフライで生成されたPDFをダウンロードする必要があります。 PDFはAPIによって正しく生成されます。クライアント側のコードで処理されたファイルが破損していて、を開けません。

プロセスフロー：

1. ボタンを
2. exportDataAsPDFActionをクリックしたがトリガされた
3. POST要求を構築し
4. レスポンスを実行している生のPDFファイルが含まれている
5. ファイルのダウンロードは、下記により開始されますコールバックロジック：

---

this.exportDataAsPDFAction({ 
    gridKey: this.grid.Key, 
    callback: response => { 
    let hiddenElement = document.createElement('a'); 

    // This seems to be the problem area 
    hiddenElement.href = 'data:application/pdf;base64,' + window.btoa(encodeURIComponent(response)); 
    hiddenElement.target = '_blank'; 
    hiddenElement.download = 'Results.pdf'; 
    hiddenElement.click(); 
    } 
}); 

---

エクストラ：所望のフォーマット作品としてCSVと同じタスクを実行

。

hiddenElement.href = 'data:attachment/csv,' + encodeURI(response); 

Answer 1

はhiddenElement.href = window.URL.createObjectURL(response);