layui upload +springboot 上传并将文件保存到项目中无需刷新便可取到上传的文件

weixin_41129307

于 2021-01-08 11:10:13 发布

阅读量455

点赞数 1

本文链接：https://blog.csdn.net/weixin_41129307/article/details/112347785

版权

该博客介绍了如何使用layui前端组件与SpringBoot后端配合，实现在不刷新页面的情况下完成文件上传，并将文件保存在项目目录中，同时提供了JS和Java Controller层的关键代码示例，涉及MockMultipartFile的使用。

摘要由CSDN通过智能技术生成

##JS

	upload.render({
				elem: '#test3'
				,url: '/meetingReport/upload' //改成您自己的上传接口
				,accept: 'file' //普通文件
				,done: function(res){
//h回掉方法不用看
							if(res.flag){
								layer.msg('上传成功');
								$('#uploadUrl1').val(res.files.fileUrl);
								$('#uploadName1').html(res.files.fileName);
								// $('#uploadName1').attr('href',res.files.fileUrl);
								$('#uploadName1').click(function () {
									window.open(res.files.fileUrl)
								});
								// $('#upload1').show();
							}
				}
			});

##JAVA Controller 层

/**
     * 主题附件上传
     * @param file
     * @param request
     * @return
     * @throws Exception
     */
    @RequestMapping(value = "/upload", method = RequestMethod.POST)
    @ResponseBody
    public JSONObject upload(@RequestParam MultipartFile file, HttpServletRequest request) thro