1、uploadify
10年積累的成都做網(wǎng)站、網(wǎng)站建設(shè)經(jīng)驗(yàn),可以快速應(yīng)對(duì)客戶對(duì)網(wǎng)站的新想法和需求。提供各種問(wèn)題對(duì)應(yīng)的解決方案。讓選擇我們的客戶得到更好、更有力的網(wǎng)絡(luò)服務(wù)。我雖然不認(rèn)識(shí)你,你也不認(rèn)識(shí)我。但先網(wǎng)站制作后付款的網(wǎng)站建設(shè)流程,更有貴州免費(fèi)網(wǎng)站建設(shè)讓你可以放心的選擇與我們合作。
它是針對(duì)jQuery的免費(fèi)文件上傳插件,可以輕松將單個(gè)或多個(gè)文件上傳到網(wǎng)站上,可控制并發(fā)上傳的文件數(shù),通過(guò)接口參數(shù)和CSS控制外觀。Web服務(wù)器需支持flash和后端開發(fā)語(yǔ)言。
2、FancyUpload
它是一個(gè)由CSS和XHTML編寫樣式的Ajax文件上傳工具,安裝簡(jiǎn)便,服務(wù)器獨(dú)立,由MooTools模塊驅(qū)動(dòng),可以在任何現(xiàn)代瀏覽器上使用。
3、Aurigma Upload Suite(Image Uploader)
這是一個(gè)不限大小,不限格式的文件/圖片批量上傳工具,是收費(fèi)控件。它支持云端存儲(chǔ)和客戶端文件處理,支持?jǐn)帱c(diǎn)續(xù)傳,穩(wěn)定可靠。從8.0.8開始,Image Uploader將名稱改為"Aurigma Upload Suite"。
把input:file的透明度設(shè)置為0,把input:file的寬高設(shè)置跟頭像大小一樣,然后把這個(gè)控件放到顯示頭像的地方,當(dāng)你點(diǎn)擊頭像的時(shí)候?qū)嶋H上你是點(diǎn)了input:file。
或者你隱藏input:file,寫一個(gè)觸發(fā)input:file點(diǎn)擊的函數(shù),然后再頭像加上onclick()事件,在click事件中調(diào)用那個(gè)函數(shù)就行了
canvas
轉(zhuǎn)成
base64位,然后得到圖片的編碼,然后上傳到數(shù)據(jù)庫(kù)
File Upload組件啊,是同步還是異步呢
html部分:
input type="file" name="file" class="webuploader-element-invisible" multiple="multiple" accept="image/*"
文件引入:
link rel="stylesheet" type="text/css" href="diyUpload/css/diyUpload.css"script type="text/javascript" src="diyUpload/js/diyUpload.js"/script
HTML部分:
div id="demo" div id="as" /div/div
JS部分:
script type="text/javascript"
/** 服務(wù)器地址,成功返回,失敗返回參數(shù)格式依照jquery.ajax習(xí)慣;* 其他參數(shù)同WebUploader*/
$('#as').diyUpload({
url:'server/fileupload.php',
success:function( data ) {
console.info( data ); },
error:function( err ) {
console.info( err );
},
buttonText : '選擇文件', chunked:true, // 分片大小
chunkSize:512 * 1024, //最大上傳的文件數(shù)量, 總文件大小,單個(gè)文件大小(單位字節(jié));
fileNumLimit:50,
fileSizeLimit:500000 * 1024,
fileSingleSizeLimit:50000 * 1024,
accept: {}});
/script
它是前臺(tái)剪切后,發(fā)回剪切的圖片數(shù)據(jù)到后臺(tái),然后后臺(tái)將該數(shù)據(jù)保存為圖片,并生成一條引用鏈接給前臺(tái)就行了。
一般的頭像上傳大小的縮放都是由后端處理的。
jquery jcrop
是用來(lái)做圖片剪切的(但圖片的剪切實(shí)際也是由后端處理的)jcrop只是提供了要剪切的坐標(biāo)。
當(dāng)前題目:jquery頭像上傳,jsp上傳頭像
文章出自:http://jinyejixie.com/article12/dsedddc.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站收錄、全網(wǎng)營(yíng)銷推廣、動(dòng)態(tài)網(wǎng)站、營(yíng)銷型網(wǎng)站建設(shè)、網(wǎng)站策劃、企業(yè)網(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)