實作Drag and Drop上傳方式,傳到Rails + Paperclip

終於搞出來了 ... 我的媽呀,基礎知識全部忘掉就是了 ... 丟臉

Okay ... 記錄一下實作,不過怎樣用Rails建立Paperclip上傳機制這部份我就不多說了

主要是這段JavaScript code

還有這段Rails code

是的,就只有這樣,哈

正在想著把這個部分再用jQuery封裝得好看一點 ...

其實很簡單,就是JavaScript吃到drop event的時候,把收集到的檔案資訊整理起來,用FormData封裝,然後送到後台去這樣。

因為用到XMLHttpRequest,所以乾脆用jQuery來跑好了

註:drop事件、FormData似乎都是HTML 5後才有support的功能,而且不是每個Browser都有Support,所以記得還是得實作傳統的上傳機制 ...

UPDATED: 2012/06/16 02:25 --

已經更改成用jQuery的ajax來上傳了,這樣就省得再用XMLHttpRequest了

Comments

comments powered by Disqus