vue项目 上传文件以 file: (binary)形式上传

您所在的位置:网站首页 vue图片转二进制 vue项目 上传文件以 file: (binary)形式上传

vue项目 上传文件以 file: (binary)形式上传

2024-07-15 00:54| 来源: 网络整理| 查看: 265

vue项目 上传文件以 file: (binary)形式上传,如下图片所示

在这里插入图片描述

关于解决这个问题,有两个步骤 1,修改Content-Type属性值,小编写的如下:在headers里面封装

headers: { 'Content-Type': 'multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq' }

2,在传输的文件中使用FormData

file是你获取的文件,

const formData = new FormData(); formData.append("file",file)

3,将formData传给接口即可,本案例如下:

uploadSelfCompanyLogo(formData).then(res =>{ if (res.code === 0) { this.companyInfo.logo = res.filename; this.companyInfo.imageUrl = res.url; this.imageUrl = res.url; // this.handleCrop(file); } else { this.$message.error('上传出错'); } })

接口封装如下:

export function uploadSelfCompanyLogo(data) { return request({ url: '/business/pub/iface/uploadCompanyLogo', method: 'POST', data:data, headers: { 'Content-Type': 'multipart/form-data; boundary=----WebKitFormBoundarynl6gT1BKdPWIejNq' } }) }


【本文地址】


今日新闻


推荐新闻


CopyRight 2018-2019 办公设备维修网 版权所有 豫ICP备15022753号-3