Dropbox上に画像ファイルを置いてWEBページ上で表示するには?
以前書いたDropbox APIで共有リンクを発行する記事(PHP編・Python編)の続編というか小ネタです。
共有リンクを発行したとき、以下のようなURLが生成されます。
https://www.dropbox.com/s/********?dl=0
このパラメータをdl=0
からraw=1
に変えてやると直接表示モードになり、画像ファイルであればimgタグのsrcに指定することができるようになります。
共有リンクパラメータまとめ
・デフォルト
https://www.dropbox.com/s/********?dl=0
…ファイル
https://www.dropbox.com/sh/********?dl=0
… フォルダ
アクセスすると、Dropboxのプレビューページに遷移します。
・直接ダウンロード
dl=1にする
https://www.dropbox.com/s/********?dl=1
…ファイル
https://www.dropbox.com/sh/********?dl=1
… フォルダ
アクセスすると、ダウンロードが開始されます。(フォルダの場合、zipダウンロード)
・直接表示
raw=1にする
https://www.dropbox.com/s/********?raw=1
…ファイル
※フォルダの場合は、zipダウンロードになります。