前端代码 from表单id自定义我这定义的uploadfrom前端的from表单我就不贴出来了
var formData = new FormData(document.getElementById("uplodfrom"));
$.ajax({
url: '${pageContext.request.contextPath }/123',
type: 'POST',
data: formData,
async: true,
cache: false,
contentType: false,
processData: false,
success: function (returndata) {
$("#"+returndata.type).append('<div id="'+returndata.id+'"><img src="${pageContext.request.contextPath }/'+returndata.path+'">'+
'<button class="layui-btn layui-btn-xs layui-btn-danger" onclick="deleteimg(\''+returndata.id+'\')">删除图片</button></div>');
parent.layer.msg(returndata.msg);
}
});
后端代码其中我用了一个文件上传的工具类,可在我以前博客中查找
public Object updateCheckattr(String checkid,String type,HttpServletRequest request){
String dirname="upload_store_check/";
Map<String,Object> mapjson=new HashMap<>();
if(type==null||type==""){
mapjson.put("msg","附件类型不能为空");
}
List<Map<String, String>>imgList=imgUploadUntil.lkh_uploadFile(request, dirname);
NtpdCheckAtt att=new NtpdCheckAtt();
for (Map<String, String> map : imgList) {
String attid=UUID.randomUUID().toString().replace("-","");
att.setId(attid);
att.setAtt_path(map.get("fileurl"));
att.setStore_check_id(checkid);
att.setAtt_type(type);
this.ntpdCheckService.addNtpdAttr(att);
mapjson.put("path", map.get("fileurl"));
mapjson.put("type", type);
mapjson.put("id",attid);
mapjson.put("msg","上传成功");
}
return mapjson;