javascript - base64 でエンコードされた画像をダウンロードするには?

Question

JavaScript を介して強制的にダウンロードしたいサーバーからの base64 でエンコードされた画像があります。可能ですか？

Answer 1

1. JavaScript を使用して (バックエンドなしで) ダウンロードする場合は、次を使用します。

   window.location.href = 'data:application/octet-stream;base64,' + img;
   

   imgbase64 でエンコードされた画像はどこにありますか。

2. ユーザーがファイル名を指定できるようにする場合は、タグのdownload属性を使用します。a

   <a download="FILENAME.EXT" href="data:image/png;base64,asdasd...">Download</a>
   

   • 注意: ダウンロード属性は非常に古いブラウザではサポートされていません

Answer 2

私の Angular アプリでは、サーバーから base 64 ファイルを取得しています。

Html で:-

<button type="button" (click)="downloadFile(fileName,base64data,fileType)"></button>

Ts:-

  downloadFile(fileName:string,data: any,fileFormat:string): void {
    const linkSource = 'data:'+fileFormat+';base64'+data;
    const downloadLink = document.createElement("a");
    downloadLink.href = linkSource;
    downloadLink.download = fileName;
    downloadLink.click();
}