Advertisement

Spring Cloud Feign MultipartFile文件上传踩坑路(前端文件上传请求及后端阿里云-OSS文件存储操作)

阅读量:

Spring Cloud Feign MultipartFile文件上传踩坑之路总结

一、前端文件上传功能设计

界面中所采用的文件上传功能模块,基于ant-design框架中的a-upload组件进行实现,具体展示效果如下所示:

在这里插入图片描述

文件上传请求接口API:
文件工具类JS

复制代码
    import axios from "axios"
    
    const uploadApi = ({file, URL, onUploadProgress}) => {
    const formData = new FormData()
    formData.append('file', file)
    return axios.post(URL, formData, {headers:{
        'Content-type': 'multipart/form-data',
      },
      onUploadProgress // 上传进度回调函数 onUploadProgress(ev))
    }) 

全部评论 (0)

还没有任何评论哟~