若依前端ajax连接后端多文件上传接口，并传值

ajax连后端方法：data里面是前端像后端传的参数

后端代码：

@Controller
@RequestMapping("/common")
/**
     * 通用上传请求（多个）
     */
    @PostMapping("/uploads")
    @ResponseBody
    public AjaxResult uploadFiles(List files) throws Exception
    {
        int i=0;
        System.out.println("jll");
        try
        {
 
            // 上传文件路径
            String filePath = RuoYiConfig.getUploadPath();
            List urls = new ArrayList();
            List fileNames = new ArrayList();
            List newFileNames = new ArrayList();
            List originalFilenames = new ArrayList();
            for (MultipartFile file : files)
            {
                // 上传并返回新文件名称
                String fileName = FileUploadUtils.upload(filePath, file);
                String url = serverConfig.getUrl() + fileName;
                urls.add(url);
                fileNames.add(fileName);
                newFileNames.add(FileUtils.getName(fileName));
                originalFilenames.add(file.getOriginalFilename());
            }
            AjaxResult ajax = AjaxResult.success();
            ajax.put("urls", StringUtils.join(urls, FILE_DELIMETER));
            ajax.put("fileNames", StringUtils.join(fileNames, FILE_DELIMETER));
            ajax.put("newFileNames", StringUtils.join(newFileNames, FILE_DELIMETER));
            ajax.put("originalFilenames", StringUtils.join(originalFilenames, FILE_DELIMETER));
            return ajax;
        }
        catch (Exception e)
        {
            return AjaxResult.error(e.getMessage());
        }
    }

前端ajax请求方法：

<script>
    var result;
    window.onload = function () {
        var input = document.getElementById("file_input");
        // var result;
        var dataArr = []; // 储存所选图片的结果(文件名和base64数据)
        var fd;  //FormData方式发送请求
        var oSelect = document.getElementById("select");
        var oInput = document.getElementById("file_input");
 
        if (typeof FileReader === 'undefined') {
            alert("抱歉，你的浏览器不支持 FileReader");
            // 选中文件按钮不能点击
            input.setAttribute('disabled', 'disabled');
        } else {
            input.addEventListener('change', readFile, false);
        }
        function readFile() {
            fd = new FormData();
            let imgList = [];
            for (var i = 0; i < this.files.length; i++) {
                if (!input['value'].match(/.jpg|.gif|.png|.jpeg|.bmp/i)) {　　//判断上传文件格式
                    return alert("上传的图片格式不正确，请重新选择");
                }
                fd.append("files",this.files[i]);
            }
            //fd.append("files", imgList);
            console.log(fd);
            $.ajax({
                type: "POST",
                url: "/common/uploads",
                data: fd,
                cache: false,
                contentType: false,
                processData: false,
                dataType: 'json',
                success: function (result) {
                    if (result.code == 200) {
                        alert("上传成功")
                        console.log(result);
                    } else {
                        alert(result.msg);
                    }
                },
            });
 
        }
    }
 
script>