Chrome App 版的 Facebook 相片上傳器

主要是練習 HTML5。

最近愈來愈多人把相片上傳到 Facebook 上,但是一直都覺得目前 Facebook 官方的上傳介面不是很好用,所以就藉著練習 HTML5 以及 Facebook Graph API 的機會,寫了一個小小的上傳器應用程式,如果你是使用 Google Chrome 瀏覽器,就可以到這裡安裝這個上傳器。

目前的功能還很陽春,只是可以建立相簿以及上傳相片而已。而練習到的 HTML5 features 大約有以下幾項:

  • Drag & Drop API: 用來拖拉檔案
  • File API: 讀取檔案內容
  • XMLHttpRequest Level 2: 上傳檔案、上傳進度、利用 FormData 上傳
  • WebStorage: 儲存 facebook 的 access token

另外還有使用了 Google Closure Library,並且利用它的 builder 只留下必要的 JavaScript 並壓縮。

大家如果有興趣可以用用看,如果有什麼建議可以在這篇文章下留言喔 🙂

  • Egist

    希望可以顯示縮圖邊看邊打標題~~!

  • 縮圖是個不錯的 idea…不過不知道暴力顯示出來的話會不會影響效能。

  • 最近也在嘗試在自己的應用程式中加上facebook的相片上傳功能,想請教如何可以做到上傳照片之後不要發布訊息至塗鴉牆呢??非常感謝!!

  • Baabuu

    程式不見了!!

  • Neil Hsu

    請問該extension已經下架了嗎?

    • 是啊,因為 icon 不符使用規範吧