創(chuàng)新互聯(lián)www.cdcxhl.cn八線動(dòng)態(tài)BGP香港云服務(wù)器提供商,新人活動(dòng)買多久送多久,劃算不套路!

關(guān)于Plupload的介紹,相信它的官網(wǎng)http://www.plupload.com/已經(jīng)給得很詳細(xì)了。Plupload的上傳原理簡(jiǎn)單點(diǎn)說(shuō),就是將用戶選中的文件(可多個(gè))分隔成一個(gè)個(gè)小塊,依次向服務(wù)器上傳,這是它能駕馭上傳大文件的原因之一,而且在這個(gè)過(guò)程可以暫停上傳,暫停后再繼續(xù)上傳(異于斷點(diǎn)續(xù)傳)。最重要的是,從頭到尾沒(méi)有一點(diǎn)點(diǎn)UI阻塞,保證了用戶體驗(yàn)。下面會(huì)開(kāi)始講Plupload的實(shí)現(xiàn)流程,分析原理,并在最后給出效果圖。
在此之前先說(shuō)說(shuō)我的項(xiàng)目,做的j2ee項(xiàng)目運(yùn)用到spring+SpringMVC+MyBatis的框架集合,是關(guān)于一個(gè)社交平臺(tái)的網(wǎng)站,類似于facebook,twitter,微博等,起了一個(gè)名字叫YouAndMe。我大膽地構(gòu)想了這個(gè)項(xiàng)目應(yīng)該有一個(gè)用戶資料共享的平臺(tái),或是一部好看的電影,或是一套電視劇,或是居家必備的食譜,也有可能是好看的風(fēng)景圖,各式各樣。用戶可以搜索想要的資料并下載。因此首先要解決的就是各式各樣(大)文件的上傳。
一:下載Plupload插件并引入相應(yīng)文件
值得一提的是這個(gè)插件只是前端的,后臺(tái)怎么獲取怎么將一個(gè)個(gè)小塊合并等代碼是要自己寫(xiě)的。
下載地址:http://www.plupload.com/download,我下的是Plupload 2.1.9 GPLv2版本的,里面有要用到的css以及js。
在項(xiàng)目中需要引入:jQuery.plupload.queue.css,jquery-2.0.0.min.js,plupload.full.min.js,jquery.plupload.queue.js,zh_CN.js這些文件。
二:前端準(zhǔn)備
1.首先在html中寫(xiě)入如下代碼:
<div id="uploader"> <p>Your browser doesn't have Flash, Silverlight or HTML5 support.</p> </div> <button id="toStop">暫停一下</button> <button id="toStart">再次開(kāi)始</button>
當(dāng)前名稱:SSM框架+Plupload實(shí)現(xiàn)分塊上傳大文件示例-創(chuàng)新互聯(lián)
分享地址:http://chinadenli.net/article36/cesopg.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供服務(wù)器托管、做網(wǎng)站、云服務(wù)器、企業(yè)網(wǎng)站制作、軟件開(kāi)發(fā)、自適應(yīng)網(wǎng)站
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
移動(dòng)網(wǎng)站建設(shè)知識(shí)