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.jpgurl = '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));