ajaxfileupload异步上传文件

开发用的是SSH框架，奈何之前都是SSM

好了，不啰嗦，开始：

1 首先需要下载ajaxfileupload.js文件，百度一搜一堆

function uploadEnclosure(withdrawalsId){           $("#uploadEnclosures").click();         if(confirm("确认上传吗？")){         //选择文件之后执行上传                   var imgFile = $("#uploadEnclosures")[0].files[0]                      $.ajaxFileUpload({                 url:'/manager/pay-manager!saveUploadEnclosure.action',                   secureuri:false,                   fileElementId:'uploadEnclosures',                 dataType: 'json',                 data:{"id":withdrawalsId},    //fileImg:imgFile                 success: function (data, status) {                   alert("上传成功！");                 var obj = $.parseJSON(data.replace(/<.*?>/ig,""));                 alert(obj.fileName);                     $("#showImg").attr("src", "/WEB-INF/transferAccountsdetail/"+obj.fileName);                 },                   error: function (data, status, e) {                       alert(e);                   }               });    }     return true;   }

ajaxfileupload是不会解析返回的Json数据，所以一定要转成Json，不然返回的数据是

result:<pre style="word-wrap: break-word; white-space: pre-wrap;">{"flag":"true"}</pre>

<td >   <a οnclick="uploadEnclosure('${pageWithdrawals.id}')" href="#" id="upload">上传</a>&nbsp   <img id="showImg" alt="" src="">   <a οnclick="#" href="#"  id="show">|&nbsp查看</a>   <input type="file" style="display:none" id="uploadEnclosures" name="imgPath" accept="image/jpg,image/gif,image/png"></input> </td>

action中代码

private File imgPath; private String imgPathFileName; private HttpServletRequest request;

public void saveUploadEnclosure() throws IOException, JSONException{         //设置保存文件路径      String realPath =  ServletActionContext.getServletContext().getRealPath("WEB-INF/transferAccountsdetail");         File file = new File(realPath);         //测试此抽象路径名表示的文件或目录是否存在。若不存在，创建此抽象路径名指定的目录，包括所有必需但不存在的父目录。         if(!file.exists())file.mkdirs();         try {             //保存文件             FileUtils.copyFile(imgPath, new File(file,imgPathFileName));         } catch (IOException e) {             e.printStackTrace();         }         JSONObject obj = new JSONObject();          obj.put("fileName", imgPathFileName);         response.getWriter().print(obj.toJSONString());          }

搞定~