from表单同时存在文件和数据用fromdate异步上传

前端代码 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;

 

  • 0
    点赞
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值