Dropbox 提供了簡單的api 讓使用者可以以api的方式取得檔案的資料
如此一來 可以把自己的檔案圖片直接放在dropbox的空間上面
不用在存自己的系統中
當然這是最簡單的用法 有什麼運用就看每個人的自己的開發了
現在要介紹了是 dropbox提供的一個chooser的功能
可以讓你輕易的在你自己的網站上 選取自己在dropbox上的檔案
並取得檔案的路徑資料
1.建立一個Chooser
在網頁https://www.dropbox.com/developers/chooser 中有個[Setup ]-->[Create a new app]
會出現下面這個畫面
填好資料按下[Create]就會建立相關的chooser 並產生 html code
2.把這個code複製到你要放置的網站程式裡，這樣你的系統就接上了 dropbox api
3.另外在<form>中 再加上dropbox-choose的 input
<input type="dropbox-chooser" name="selected-file" style="visibility: hidden;" data-link-type="direct"/>
就完成了
input的參數說明
type: dropbox-chooser
style:
visibility: hidden; 一開始要將input設成hidde 等chooser loading完成 他自動會變成visiable
name:回傳的參數名稱
data-link-type:有direct跟preview兩種模式
preview:預設值 不能直接讀取link
direct：可以直接讀取的link ，如果想讓圖片link可以直接在頁面呈現，則需要用這個方式
<script type="text/javascript" src="https://www.dropbox.com/static/api/1/dropbox.js" id="dropboxjs" data-app-key="appkeyh"></script>
<form action="td.asp" method="get">
<input type="dropbox-chooser" name="selected-file" style="visibility: hidden;" data-link-type="direct"/>
<input name="" type="submit" />
</form>
留言