新聞中心
這篇文章主要介紹jquery-file-upload怎么用,文中介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們一定要看完!
jqueryfileupload介紹
jQueryFileUpload是一個(gè)非常優(yōu)秀的上傳組件,主要使用了XHR作為上傳方式,并且利用了相當(dāng)多的現(xiàn)代瀏覽器功能,所以可以實(shí)現(xiàn)諸如批量上傳、超大文件上傳、圖片預(yù)覽、拖拽上傳、上傳進(jìn)度顯示、跨域上傳等功能。
他的功能非常強(qiáng)大,API也比較簡單,如果能夠熟練使用$.ajax的話,相信理解起來也不是多難的事,但是它的UI也會(huì)非常難用。個(gè)人建議,如果小的組件可以自己定義一套簡單的UI,沒必要使用那么復(fù)雜的東西。如果你一定要使用它的UI的話,建議你看一下定制jQueryFileUpload為微博式單文件上傳
jQueryFileUpload的簡化模型
jQueryFileUpload包含了一堆文件,首先需要弄清楚的是最核心的部分是哪些,官網(wǎng)已經(jīng)給出了最簡單的模型基本功能,一個(gè)最簡單的jQueryFileUpload上傳組件,必須包括以下文件:
jQuery庫,建議jQuery1.8以上版本
js/vendor/jquery.ui.widget.js:jQueryUIWidget
js/jquery.iframe-transport.js:擴(kuò)展iframe數(shù)據(jù)傳輸
js/jquery.fileupload.js:jQueryFileUpload核心類
js/cors/jquery.xdr-transport.js在IE下應(yīng)載入此文件解決跨域問題
官網(wǎng)事例: