jQuery 上传多个文件到 Java Controller:完整教程
要使用jQuery上传多个文件路径到Java的Controller,可以使用FormData对象来构建表单数据,然后使用jQuery的ajax()方法将表单数据发送到Controller。\n\n首先,在HTML中创建一个文件上传表单,如下所示:\n\nhtml\n<form id="uploadForm" enctype="multipart/form-data">\n <input type="file" name="files" multiple>\n <input type="submit" value="Upload">\n</form>\n\n\n然后,在JavaScript中使用jQuery监听表单的提交事件,并使用FormData对象来构建表单数据:\n\njavascript\n$(document).ready(function() {\n $('#uploadForm').submit(function(e) {\n e.preventDefault();\n \n var formData = new FormData();\n var files = $('input[name="files"]')[0].files;\n \n for (var i = 0; i < files.length; i++) {\n formData.append('files', files[i]);\n }\n \n $.ajax({\n url: '/upload',\n type: 'POST',\n data: formData,\n processData: false,\n contentType: false,\n success: function(response) {\n console.log(response);\n },\n error: function(xhr, status, error) {\n console.log(error);\n }\n });\n });\n});\n\n\n最后,在Java的Controller中,使用@RequestParam注解来接收多个文件路径:\n\njava\n@PostMapping("/upload")\npublic ResponseEntity<String> uploadFiles(@RequestParam("files") List<MultipartFile> files) {\n // 处理上传的文件\n // 返回响应\n}\n\n\n这样,就可以将多个文件路径上传到Java的Controller了。
原文地址: https://www.cveoy.top/t/topic/p6Fy 著作权归作者所有。请勿转载和采集!