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ダウンロードになります。