**
1.html部分
<input id="file" class="kf-img-file" type="file">
2.JS部分
var _csrf = $("meta[name='_csrf']").attr("content"); *//请求令牌（不同项目定义不同，看架构）*var formData = new FormData();formData.append('file', $('#file')[0].files[0]);//从div input 中取得$.ajax({url: '../customService/uploadChatPicture.do?_csrf='+_csrf,type: 'POST',cache: false,async: false, //同步（不是必须）data: formData,processData: false,//上传必须contentType: false,//上传必须success:function(data){url = $.parseJSON( data ).src; //回调解析，图片路径}
3.controller部分
@RequestMapping(value = "/uploadChatPicture")@ResponseBodypublic FileUploadResult upload(HttpServletRequest req){//从请求中获取FileUploadResult result = null ;MultipartHttpServletRequest mReq = null;MultipartFile file = null;InputStream is = null ;// 新的文件名String newFileName = "";// 原始文件名 UEDITOR创建页面元素时的alt和title属性String originalFileName = "";try {mReq = (MultipartHttpServletRequest)req;//formData.append('file', $('#file')[0].files[0]);file = mReq.getFile("file"); //获取上传图片,"file"为append中追加的名字long size = file.getSize();if(!file.isEmpty()){is = file.getInputStream();//以下为上传到阿里服务器String fileDir = OSSUnit.fileDir();newFileName=fileDir+OSSUnit.newFileName(file.getOriginalFilename());OSSUnit.uploadObject(ossClient, is, newFileName, bucketName,size);} else {throw new IOException("文件名为空!");}String endPontUrl = this.ossClient.getEndpoint().toString();endPontUrl = endPontUrl.substring(7);String url = "http://"+this.bucketName+"."+endPontUrl+"/"+newFileName;result = new FileUploadResult ("SUCCESS",url,originalFileName,originalFileName); //上传到阿里服务器，返回文件路径}catch (Exception e) {System.out.println(e.getMessage());result = new FileUploadResult ("文件上传失败","","","");}return result;}
