js文件上传，java后台接收

最新推荐文章于 2022-04-24 17:11:05 发布

超0429

最新推荐文章于 2022-04-24 17:11:05 发布

阅读量950

点赞数 1

分类专栏：文件上传 java 文章标签： java web js ajax jquery

本文链接：https://blog.csdn.net/qq_37785915/article/details/115168112

版权

java 同时被 2 个专栏收录

4 篇文章 0 订阅

订阅专栏

文件上传

1 篇文章 0 订阅

订阅专栏

js文件上传，java后台接收

js文件上传，java后台如何接收

前端写法如下

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<title>文件上传</title>
		<script src="js/jquery-1.8.2.min.js"></script>
	</head>
	<body>

		<input type="file" id="fileqq" name="uploadFile" />
		<button onclick="addFile()">提交</button>

	</body>
</html>
<script type="text/javascript">
	//获取文件
	function addFile() {
		// document.getElementById('test1').value = "";
		// var file = document.querySelector('input[type=file]').files[0]; //IE10以下不支持   
		// var typeStr = "image/jpg,image/png,image/gif,image/jpeg";

		var formData = new FormData();

		formData.append("file1",

			document.getElementById('fileqq').files[0]);


		$.ajax({
			url: '/web/upload',

			type: 'POST',

			data: formData, // 上传formdata封装的数据包

			dataType: 'JSON',

			cache: false, // 不缓存

			processData: false, // jQuery不要去处理发送的数据

			contentType: false, // jQuery不要去设置Content-Type请求头

			success: function(data) {
				alert("success");

			}

		});
	};
</script>

在这里插入图片描述

这里是java后台接收

    @ApiOperation(value = "上传 ")
    @RequestMapping(value = "upload", method = RequestMethod.POST)
    @ResponseBody
    public R excels(HttpServletRequest request, HttpServletResponse response) throws IOException {
        MultipartHttpServletRequest multipartRequest=(MultipartHttpServletRequest) request;

        MultipartFile multipartFile = multipartRequest.getFile("file1");//file是form-data中二进制字段对应的name

        System.out.println(multipartFile.getSize());

    return  new R();
    }

在这里插入图片描述

这样就接收到了文件的，怎么处理就看你自己，其他文件同理。

超0429

关注

1
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
js文件上传，java后台接收

js文件上传，java后台接收js文件上传，java后台如何接收前端写法如下<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>文件上传</title> <script src="js/jquery-1.8.2.min.js"></script> </head> <body> <
复制链接

扫一扫

专栏目录