<input type="file" name="file1" id="file1" onchange="uploadImg('file1','hidden1')">
<input type="hidden" id="hidden1" />
異步上傳文件方法
function uploadImg(fileid,hiddenid) {
$.ajaxFileUpload
(
{
url: '/xxx/xxx',
secureuri: false,
fileElementId: fileid,
dataType: 'json',
success: function (data, status)
{ //data的內容都是在后台php代碼中自定義的,json格式返回后在這里以對象的方式的訪問
if(typeof (data.errMsg) != 'undefined'){//上傳文件出錯
alert(data.errMsg);
}else{
alert('ok');
// $("#"+imgid).attr("src",data.path).addClass("load1");//加載返回的圖片路徑並附加上樣式
$("#"+hiddenid).val(data.path); //給對應的隱藏域賦值,以便提交時給后台
}
},
error: function (data, status, e)
{
console.log(data);
}
}
)
}
@RequestMapping(/xxx/xxx)
@ResponseBody
public Map<String, Object> uploadFile(MultipartHttpServletRequest request) {
Map<String, Object> map = new HashMap<String, Object>();
Iterator<String> names = request.getFileNames();
MultipartFile file = request.getFile(names.next());
....
// 保存文件
}
}