溫馨提示×

您好，登錄后才能下訂單哦！

密碼登錄×
登錄注冊(cè)×
其他方式登錄
點(diǎn)擊 登錄注冊(cè) 即表示同意《億速云用戶服務(wù)條款》

jquery-file-upload怎么用

發(fā)布時(shí)間：2021-09-28 14:00:02 來源：億速云 閱讀：121 作者：小新 欄目：開發(fā)技術(shù)

這篇文章主要介紹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)事例：

　　<!DOCTYPEHTML>

　　<html>

　　<head>

　　<metacharset="utf-8">

　　<title>jQueryFileUploadExample</title>

　　</head>

　　<body>

　　<inputid="fileupload"type="file"name="files[]"data-url="server/php/"multiple>

　　<scriptsrc="//ajax.googleapis.com/ajax/libs/jquery/1.9.1/jquery.min.js"></script>

　　<scriptsrc="js/vendor/jquery.ui.widget.js"></script>

　　<scriptsrc="js/jquery.iframe-transport.js"></script>

　　<scriptsrc="js/jquery.fileupload.js"></script>

　　<script>

以上是“jquery-file-upload怎么用”這篇文章的所有內(nèi)容，感謝各位的閱讀！希望分享的內(nèi)容對(duì)大家有幫助，更多相關(guān)知識(shí)，歡迎關(guān)注億速云行業(yè)資訊頻道！

向AI問一下細(xì)節(jié)

免責(zé)聲明：本站發(fā)布的內(nèi)容（圖片、視頻和文字）以原創(chuàng)、轉(zhuǎn)載和分享為主，文章觀點(diǎn)不代表本網(wǎng)站立場，如果涉及侵權(quán)請(qǐng)聯(lián)系站長郵箱：is@yisu.com進(jìn)行舉報(bào)，并提供相關(guān)證據(jù)，一經(jīng)查實(shí)，將立刻刪除涉嫌侵權(quán)內(nèi)容。

AI
助
手