文件上传携带参数

最新推荐文章于 2024-01-19 16:24:40 发布

终成败寇

最新推荐文章于 2024-01-19 16:24:40 发布

阅读量282

点赞数

分类专栏：前端文章标签： jquery ajax

本文链接：https://blog.csdn.net/I_love_Java___/article/details/129992361

版权

前端专栏收录该内容

1 篇文章 0 订阅

订阅专栏

前端文件上传时，无法携带参数，找了很多教程，才找到答案，记录一下

使用fromData的append拼接

let fileObj = document.getElementById("image").files[0];
let formFile = new FormData();
formFile.append("file", fileObj);
formFile.append("id", '10001');
let reader = new FileReader();
reader.readAsDataURL(fileObj);
reader.onload = function (e) {
    //初始化JavaScript图片对象
    const image = new Image();
    //FileReader获得Base64字符串
    image.src = e.target.result;
    image.onload = function () {
        //获得图片高宽
        let height = this.height;
        let width = this.width;
        if (height === 80 && width === 80) {
            $.ajax({
                method: 'POST',
                url: path + '/api/upload',
                data: formFile,
                processData: false,
                contentType: false,
                success: function (res) {
                    console.log(res);
                }
            })
        }
    };
}

后端接收参数，如下

@RequestMapping("/upload")
    public String uploadLogoImage(MultipartFile file,String id, HttpServletRequest request) {
        String fileName = file.getOriginalFilename();
        
}