使用jquery.upload.js實(shí)現(xiàn)異步上傳示例代碼

更新時(shí)間：2014年07月29日 17:34:05 投稿：whsnow

這篇文章主要介紹了使用jquery.upload.js實(shí)現(xiàn)異步上傳的示例代碼,需要的朋友可以參考下

相關(guān)資源下載：upload

1:jsp代碼：

導(dǎo)入jquery.upload.js和jquery-1.7.2.js

添加調(diào)用js的代碼：<a href="javascript:void(0)" rel="external nofollow" onclick="doUpload()">上傳</a>

在底部寫(xiě)：

<iframe style="position:absolute;top:-9999px" src="<%=basePath%>/resources/upload/upload.htm"/></iframe>

2：js代碼：

/*文件上傳*/
function doUpload() {
// 上傳方法
$.upload({
// 上傳地址
url:window.basePath+'/reply/imageUpload', 
// 文件域名字
fileName: 'uploadfile', 
// 其他表單數(shù)據(jù)
params: {},
// 上傳完成后, 返回json, text
dataType: 'json',
// 上傳之前回調(diào),return true表示可繼續(xù)上傳
onSend: function() {
return true;
},
onSubmit: function(){
},
// 上傳之后回調(diào)
onComplate: function(data) {
if(data.msg){

}else{
alert("上傳圖片出錯(cuò)！");
}
}
});
}

3：后臺(tái)代碼：

/**
* 圖片上傳本地服務(wù)器
* @param request
* @param response
* @return
*/
@RequestMapping(value="imageUpload")
@ResponseBody
public Object imageUpload(HttpServletRequest request,HttpServletResponse response){
Map<String, Object> map=new HashMap<String, Object>();
UploadUtil uploadUtil = new UploadUtil();
try {
String url = uploadUtil.excelUpload(request, response);// 文件上傳
} catch (IOException e) {
e.printStackTrace();
}
return map;
}

您可能感興趣的文章:

異步上傳

相關(guān)文章

jquery實(shí)現(xiàn)html頁(yè)面先加載內(nèi)容過(guò)幾秒后顯示數(shù)據(jù)
這篇文章主要給大家介紹了關(guān)于jquery實(shí)現(xiàn)html頁(yè)面先加載內(nèi)容過(guò)幾秒后顯示數(shù)據(jù)的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
2023-07-07
jquery獲取radio值實(shí)例
這篇文章主要介紹了jquery獲取radio值實(shí)例,較為詳細(xì)的總結(jié)了通過(guò)jQuery獲取radio值的各種常用方法,需要的朋友可以參考下
2014-10-10
Confirmer JQuery確認(rèn)對(duì)話框組件
點(diǎn)擊鏈接或按鈕時(shí)要確認(rèn)是否繼續(xù)當(dāng)前操作。
2010-06-06
jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)時(shí)高亮,同時(shí)其他同級(jí)元素變暗的效果
這篇文章主要介紹了jQuery實(shí)現(xiàn)鼠標(biāo)經(jīng)過(guò)時(shí)高亮,同時(shí)其他同級(jí)元素變暗的效果,涉及jQuery基于事件響應(yīng)機(jī)制的頁(yè)面元素遍歷與屬性變換操作技巧,需要的朋友可以參考下
2016-09-09
jQuery給多個(gè)不同元素添加class樣式的方法
這篇文章主要介紹了jQuery給多個(gè)不同元素添加class樣式的方法,實(shí)例分析了addClass()方法添加樣式的技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下
2015-03-03
Jquery在指定DIV加載HTML示例代碼
這篇文章主要介紹了Jquery如何在指定DIV加載HTML,需要的朋友可以參考下
2014-02-02
jquery-1.2.6得到焦點(diǎn)與失去焦點(diǎn)的寫(xiě)法
jquery-1.2.6得到焦點(diǎn)與失去焦點(diǎn)的實(shí)現(xiàn)方法。點(diǎn)擊“運(yùn)行”后，請(qǐng)刷新一次。
2009-05-05
利用jQuery的$.event.fix函數(shù)統(tǒng)一瀏覽器event事件處理
做WEB前端開(kāi)發(fā)的人都知道不同的瀏覽器對(duì)事件的處理方式是有區(qū)別的。
2009-12-12
jQuery Mobile 導(dǎo)航欄代碼
2013-11-11
jQuery實(shí)現(xiàn)導(dǎo)航欄頭部菜單項(xiàng)點(diǎn)擊后變換顏色的方法
這篇文章主要介紹了jQuery實(shí)現(xiàn)導(dǎo)航欄頭部菜單項(xiàng)點(diǎn)擊后變換顏色的方法,涉及jQuery響應(yīng)鼠標(biāo)事件針對(duì)頁(yè)面元素的遍歷及屬性變換相關(guān)操作技巧,需要的朋友可以參考下
2017-07-07