這篇文章主要介紹jquery-file-upload怎么用，文中介紹的非常詳細(xì)，具有一定的參考價(jià)值，感興趣的小伙伴們一定要看完！

jqueryfileupload介紹

jQueryFileUpload是一個(gè)非常優(yōu)秀的上傳組件，主要使用了XHR作為上傳方式，并且利用了相當(dāng)多的現(xiàn)代瀏覽器功能，所以可以實(shí)現(xiàn)諸如批量上傳、超大文件上傳、圖片預(yù)覽、拖拽上傳、上傳進(jìn)度顯示、跨域上傳等功能。

他的功能非常強(qiáng)大，API也比較簡(jiǎn)單，如果能夠熟練使用$.ajax的話(huà)，相信理解起來(lái)也不是多難的事，但是它的UI也會(huì)非常難用。個(gè)人建議，如果小的組件可以自己定義一套簡(jiǎn)單的UI，沒(méi)必要使用那么復(fù)雜的東西。如果你一定要使用它的UI的話(huà)，建議你看一下定制jQueryFileUpload為微博式單文件上傳

jQueryFileUpload的簡(jiǎn)化模型

jQueryFileUpload包含了一堆文件，首先需要弄清楚的是最核心的部分是哪些，官網(wǎng)已經(jīng)給出了最簡(jiǎn)單的模型基本功能，一個(gè)最簡(jiǎn)單的jQueryFileUpload上傳組件，必須包括以下文件：

jQuery庫(kù)，建議jQuery1.8以上版本

js/vendor/jquery.ui.widget.js：jQueryUIWidget

js/jquery.iframe-transport.js：擴(kuò)展iframe數(shù)據(jù)傳輸

js/jquery.fileupload.js：jQueryFileUpload核心類(lèi)

js/cors/jquery.xdr-transport.js在IE下應(yīng)載入此文件解決跨域問(wèn)題

官網(wǎng)事例：