【Safari・IE対策】HTMLのdownloadをJavaScriptで対応する。

Safariでもファイルを強制ダウンロードしたい - [https://teratail.com/questions/62974][https://teratail.com/questions/62974]
同じ質問をさせていただきましたが、HTML5のdownloadは、Safariなどでは使えません。
Githubのraw機能を使おうと考えましたがうまく動作しません。
なので、次のSafariが対応するという噂を聞きましたが、やはり対応したいなと考えました。

lightgallery.jsを使用したギャラリー - https://teratail.com/questions/67484

しかし、ギャラリーなためphpを使ったダウンロードを行うのには手間がかかりすぎる（200枚ほどの画像）ので、他の方法を探しています。

PHP
1<?php
2//パス
3$fpath = './a.jpg';
4//ファイル名
5$fname = '画像名.jpg';
6
7header('Content-Type: application/force-download');
8header('Content-Length: '.filesize($fpath));
9header('Content-disposition: attachment; filename="'.$fname.'"');
10readfile($fpath);

行動規範の内容に同意します

回答2件

同じオリジンで fetch で持ってこれるなら data uri scheme 化して、 mimetype を application/octet-stream に変更して window.open すればダウンロードできそうですけど

safari 使えないので試してはいません

追記

サンプルです。
そのドメインのルートの html ファイルを保存する例です。

javascript
1fetch("/")
2	.then(e => e.arrayBuffer())
3	.then(result => {
4		const binary_str = Array.from(new Uint8Array(result), e => String.fromCharCode(e)).join("")
5		const base64 = btoa(binary_str)
6		const datauri = `data:application/octet-stream;base64,${base64}`
7		window.open(datauri)
8	})