去掉img自带边框，前端文件下载，图片转base64发送后端，图片formdata格式发送给后端

穿越到未来calc

已于 2022-08-24 10:43:02 修改

阅读量541

点赞数

分类专栏：同态科技

于 2022-08-21 21:05:56 首次发布

本文链接：https://blog.csdn.net/qq_52179917/article/details/126455239

版权

img样式文件下载 base64转换前端开发 axios

关键词由CSDN通过智能技术生成

1. 去掉img的自带边框，当src为空的时候不显示图片的默认边框：

img[src=''] {
   opacity: 0;
}

2. 文件下载：

export async function downLoadFile1(paramList, url) {
    let downloadParams = {
      data: JSON.stringify(paramList),
    }
    await axios({
      method: 'post',
      url: config.rootPath + url,
      data: qs.stringify(downloadParams),
      headers: {
        'Content-Type': 'application/x-www-form-urlencoded', //将表单数据传递转化为form-data类型
        // 'Content-Type': 'application/json', 
      },
      withCredentials: true,
      responseType: 'blob',
    //   headers:{ 'Content-Type': 'application/json; application/octet-stream'},
    })
      .then((response) => {
        console.log(response)
        const { headers, data } = response
        // let fileName = headers['content-type'