Java结合ajax操作图片上传。

代码片段:

1.html页面

2.js

$(function () {

$('#event_file_upload_form').fileupload({

autoUpload: true,

dataType : 'json',

maxNumberOfFiles: 1,

maxFileSize: 1000000,

pasteZone: null,

dropZone: null,

acceptFileTypes: /(\.|\/)(gif|jpe?g|png|bmp)$/i,

done: function (e, data) {

if(data.result.success==true){

window.alert("上传活动海报成功。");

$("#event_logo_image").prop("src", ''+data.result.fileName);

}else{

window.alert("对不起，上传活动海报出错，请稍候重试。");

}

},

fail: function (e, data) {

window.alert("对不起，上传活动海报出错，请稍候重试。");

}

});

});

function setEventBaseOverview(data, description){

alert(data.event.id);

if(data == null || data.event.id == null || data.event.id <= 0) return;

$("#event_file_upload_form input[name='id']").val(data.event.id);

$("#event_title_overview").html(data.event.title);

$("#event_tag_overview").html(data.event.tag);

$("#event_address_overview").html(data.event.province+" "+data.event.city + " " + data.event.address);

}

2.acion 处理

/**

* 上传event logo

* @param result

* @param request

*/

@RequestMapping(value="/uploadEventLogo")

public void uploadEventLogo(ModelMap result,HttpServletRequest request){

result.clear();

result.put("success", false);

String baseDir=request.getSession().getServletContext().getRealPath("/");

MultipartHttpServletRequest multipartRequest = (MultipartHttpServletRequest) request;

Map fileMap = multipartRequest.getFileMap();

for (Map.Entry entity : fileMap.entrySet()) {

MultipartFile mf = entity.getValue();

String fileName = mf.getOriginalFilename();

String uuid=StringUtil.getUUID();

String newFileName=uuid+fileName.substring(fileName.lastIndexOf("."));

String file=baseDir+"/upload/"+newFileName;

File uploadFile = new File(file);

try {

FileCopyUtils.copy(mf.getBytes(), uploadFile);

result.put("success", true);

result.put("fileName", newFileName);

String eventId=multipartRequest.getParameter("id");

Event event=new Event();

event.setId(Integer.parseInt(eventId));

event.setBanner("/upload/"+newFileName);

eventService.modifyEventByExample(event);

break;

}catch (Exception e) {

log.error("上传文件异常", e);

}

}

}