dl.dropboxusercontent.comドメインを使うとクロスドメインの規制を受けずにdropboxのファイルを利用できる

program

https://qiita.com/halspring/items/a97fd5b958ace82cb3cd
dropboxのファイルはエクスプローラーから右クリック→Dropboxリンクをコピーでそのファイルを公開するURLを生成できる。
しかしそのままだとdropbox側のクロスドメイン制限があるので、そのURLを外部サイトから読み込むことができない。
その場合、以下のようにしてやると外部サイトから読み込めるURLになる。

// https://www.dropbox.com/s/hogehoge/hogehoge12341234.jpg?dl=0
// 　↓
// https://dl.dropboxusercontent.com/s/hogehoge/hogehoge12341234.jpg

url = 'https://www.dropbox.com/s/hogehoge/hogehoge12341234.jpg?dl=0'
console.log( url.replace("www.dropbox.com", "dl.dropboxusercontent.com").replace(/\?dl=0$/, "") );

例えば以下のようなコードで読み込めるようになる。

fetch('https://dl.dropboxusercontent.com/s/hogehoge/hogehoge12341234.jpg', {cache: 'no-cache'})
.then(response => response.text())
.then(text => console.log(text));