demoshop

官方網站

http://valums.com/ajax-upload/

檔案上傳這部份幾乎每個網站都會用到，原始的上傳方式對於使用者經驗相當的差，所以最近都希望使用非同步來上傳，demo找到了這套輕巧好用的Ajax Upload來推薦給你。

真正猛的非同步上傳當然是〔SWFUpload〕〔FancyUpload〕但有些時候我們不想動用到那麼龐大的元件，就可以使用這套Ajax Upload來達成我們小小的需求，這套可以使用在 jQuery 和 prototype兩個JavaScript libraries，但demo只用過 jQuery =.=

---

官方提供了相當完整的範例可供參考

• 官網範例http://valums.com/wp-content/uploads/ajax-upload/demo-jquery.htm
• How dohttp://valums.com/ajax-upload/

而且在3.5以後又多了一種上傳方式，可以先跳出視窗再上傳。

---

再來介紹這套原生做不到的事

1. 一次選取許多檔案
2. 上傳圖片後直接顯示預覽圖

不過上面的作法應該都可以自己改出來=.=

 

這套是demo評估了很多輕巧的 Ajax Upload 元件後覺得滿好用的，在此推薦給你。

 

仔細看一下他的code你會覺得他做上傳進度的方式還滿有趣的....