SSM框架+Plupload實(shí)現(xiàn)分塊上傳大文件示例-創(chuàng)新互聯(lián)

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

創(chuàng)新互聯(lián)公司服務(wù)項(xiàng)目包括定結(jié)網(wǎng)站建設(shè)、定結(jié)網(wǎng)站制作、定結(jié)網(wǎng)頁制作以及定結(jié)網(wǎng)絡(luò)營銷策劃等。多年來，我們專注于互聯(lián)網(wǎng)行業(yè)，利用自身積累的技術(shù)優(yōu)勢、行業(yè)經(jīng)驗(yàn)、深度合作伙伴關(guān)系等，向廣大中小型企業(yè)、政府機(jī)構(gòu)等提供互聯(lián)網(wǎng)行業(yè)的解決方案，定結(jié)網(wǎng)站推廣取得了明顯的社會效益與經(jīng)濟(jì)效益。目前，我們服務(wù)的客戶以成都為中心已經(jīng)輻射到定結(jié)省份的部分城市，未來相信會繼續(xù)擴(kuò)大服務(wù)區(qū)域并繼續(xù)獲得客戶的支持與信任！

關(guān)于Plupload的介紹，相信它的官網(wǎng)http://www.plupload.com/已經(jīng)給得很詳細(xì)了。Plupload的上傳原理簡單點(diǎn)說，就是將用戶選中的文件（可多個）分隔成一個個小塊，依次向服務(wù)器上傳，這是它能駕馭上傳大文件的原因之一，而且在這個過程可以暫停上傳，暫停后再繼續(xù)上傳（異于斷點(diǎn)續(xù)傳）。最重要的是，從頭到尾沒有一點(diǎn)點(diǎn)UI阻塞，保證了用戶體驗(yàn)。下面會開始講Plupload的實(shí)現(xiàn)流程，分析原理，并在最后給出效果圖。

在此之前先說說我的項(xiàng)目，做的j2ee項(xiàng)目運(yùn)用到spring+SpringMVC+MyBatis的框架集合，是關(guān)于一個社交平臺的網(wǎng)站，類似于facebook，twitter，微博等，起了一個名字叫YouAndMe。我大膽地構(gòu)想了這個項(xiàng)目應(yīng)該有一個用戶資料共享的平臺，或是一部好看的電影，或是一套電視劇，或是居家必備的食譜，也有可能是好看的風(fēng)景圖，各式各樣。用戶可以搜索想要的資料并下載。因此首先要解決的就是各式各樣（大）文件的上傳。

一：下載Plupload插件并引入相應(yīng)文件

值得一提的是這個插件只是前端的，后臺怎么獲取怎么將一個個小塊合并等代碼是要自己寫的。

下載地址：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中寫入如下代碼：

<div id="uploader">
 <p>Your browser doesn't have Flash, Silverlight or HTML5 support.</p>
</div>
<button id="toStop">暫停一下</button>
<button id="toStart">再次開始</button>

當(dāng)前名稱：SSM框架+Plupload實(shí)現(xiàn)分塊上傳大文件示例-創(chuàng)新互聯(lián)
分享地址：http://bm7419.com/article36/cesopg.html

成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián)，為您提供服務(wù)器托管、做網(wǎng)站、云服務(wù)器、企業(yè)網(wǎng)站制作、軟件開發(fā)、自適應(yīng)網(wǎng)站

廣告

聲明：本網(wǎng)站發(fā)布的內(nèi)容（圖片、視頻和文字）以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主，如果涉及侵權(quán)請盡快告知，我們將會在第一時間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場，如需處理請聯(lián)系客服。電話：028-86922220；郵箱：631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載，或轉(zhuǎn)載時需注明來源： 創(chuàng)新互聯(lián)

小程序開發(fā)