demoshop

demo, trying to be the best_

官方網站
http://valums.com/ajax-upload/

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

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


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

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


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

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

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

 

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

 

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

回應討論