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

2023-10-27

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'
		}
	})
}
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

vue项目 上传文件以 file: (binary)形式上传 的相关文章

随机推荐

  • Flink SQL中时态表

    前言 Flink 1 12正式发布后 带来了很多新的特性 本文重点学习和总结一下Flink 1 11和 Flink1 12中时态表的使用和自己的一个小总结 文章如有问题 请大家留言交流讨论 我会及时改正 本文主要将在Flink1 12中新的
  • 仿今日头条最强顶部导航指示器,支持6种模式

    项目中经常会用到类似今日头条中顶部的导航指示器 我也经常用一个类似的库PagerSlidingTabStrip 但是有时并不能小伙伴们的所有需求 所以我在这个类的基础上就所有能用到的情况做了一个简单的封装 大家知道做一个功能比较简单 但是封
  • PageHelper 分页排序使用记录

    PageHelper 分页使用 PageHelper startPage pageNum pageSize orderBy 其中最后一个参数是数据库字段名称 按传入的字段进行排序 场景 如果有接口参数中有排序字段 则按参数中的排序字段来排序
  • 用MATLAB修改图像大小

    J1 imread frame 1 png 将图片读进工作区 J2 im2double J1 将默认的uinit数据类型保存为double类型并进行单位化 f imresize J2 2 将J2图片尺寸变为原来的二倍 figure imsh
  • 机器学习——逻辑回归 (Logistic Regression)

    引言 当谈到分类问题时 机器学习中最常用的算法之一就是逻辑回归 Logistic Regression 逻辑回归是一种广义线性模型 用于预测二分类问题 它的优势在于简单易懂 计算效率高 并且通常具有不错的性能 在本文中 我们将介绍逻辑回归的
  • 软件测试面试题:什么是上下文切换?

    1 什么是上下文切换 上下文切换是指CPU从一个任务或线程切换到另一个任务或线程时 保存当前任务的上下文信息并加载新任务的上下文信息的过程 上下文信息包括寄存器状态 程序计数器 堆栈指针等 它们共同组成了一个任务或线程的运行状态 同时 我也
  • 基于深度学习的人脸检测与识别系统设计(python)

    代码在github上 https github com Bluenessdrops face recognition 以上 后续有空了再详细写写过程 有问题请留言
  • vivo手机android耗电快怎么解决,vivo手机耗电严重怎么办 如何解决手机耗电严重的问题...

    相信大家对vivo手机都是不陌生的 他也是我们国产智能手机中的一个品牌 使用的用户也非常的多 并且机型也是一代比一代更好 那么大家平时在使用vivo手机的时候可能都会觉得它的电耗太快了 每天没用多久就需要充电了 所以就有网友问到小编有没有解
  • python通讯录课程设计

    最近自学了python 想到之前学c 的通讯录课程设计 就试着用来检验python的学习成果 import os file name contact txt def menu print 欢迎使用通讯簿 print 菜单 print 1 新
  • 【Chips】跨时钟域的亚稳态处理、为什么要打两拍不是打一拍、为什么打两拍能有效?

    Title 跨时钟域的亚稳态处理 为什么要打两拍不是打一拍 为什么打两拍能有效 前言 个人颜色习惯 黑色加粗 突出显示 红色 重要 洋红色 产生的疑问 question 蓝色 个人思考 或 针对问题的Solution 1 个人疑惑 在学习
  • Spring中原型prototype的准确使用

    实际问题 项目中 报表导出涉及到了在同一个类的两个不同方法中 都有相同的查询数据库的操作 一个方法是用于获取内容 一个是用于获取条数的 大概类似于这样 code class language java hljs has numbering
  • CVPR 2022

    论文 https arxiv org abs 2112 10003 代码 https github com timojl clipseg 语雀文档 https www yuque com lart papers ma3gkwbb5ud1ew
  • 苹果手机如何打开开发者模式

    下载爱思助手 数据线连接苹果手机 点击虚拟定位 修改虚拟定位 打开开发者模式 6 根据提示前往 iPhone 设置 隐私与安全性 可发现 开发者模式 现在已经显示出来 请打开开关并重启设备 7 设备完成重启后 屏幕上会出现询问是否打开 开发
  • cpm(派系过滤算法)实现社区发现

    注意 1 派系过滤CPM方法 clique percolation method 用于发现重叠社区 派系 clique 是任意两点都相连的顶点的集合 即完全子图 2 所有彼此连通的k 派系构成的集合就是一个k 派系社区 其中一个k 派系与另
  • Java高级——内存分配机制

    内存分配 概述 对象优先在Eden分配 大对象直接进入老年代 长期存活的对象将进入老年代 动态对象年龄判定 空间分配担保 概述 对象都是在堆上分配 但实际上也有可能经过即时编译后被拆散为标量类型并间接地在栈上分配 分代设计下 新生对象通常会
  • 极简入门 2022 docker 部署skywalking9.2.0

    安装skywalking服务 官方地址 官网 安装文档 文档地址 拉取镜像 docker pull apache skywalking oap server 9 2 0 docker pull apache skywalking ui 9
  • 树表的查找

    目录 一 基本概念 二 二叉排序树 插入 建立二叉排序树 查找 查找父结点 三 二叉排序树的删除结点 演示 删除 用直接后继替代 删除 用直接前驱替代 完整代码 四 平衡二叉树 4种调整情况 1 LL型调整 右单旋演示 代码 2 RR型调整
  • ArrayList扩容机制(基于jdk1.8)

    一 ArrayList继承了AbstractList 实现了List接口 底层实现基于数组 因此可以认为是一个可变长度的数组 二 在讲扩容机制之前 我们需要了解一下ArrayList中最主要的几个变量 定义一个空数组以供使用 private
  • GSEA软件基因富集分析

    快速目录链接 GSEA分析简介 分析步骤 1 准备数据 1 表达数据文件 2 表型标签文件 2 数据导入 3 参数设置及运行 4 结果分析 GSEA分析简介 基因集富集分析 GSEA 是一种计算方法 用于确定一组定义好的基因是否在两种生物状
  • vue项目 上传文件以 file: (binary)形式上传

    vue项目 上传文件以 file binary 形式上传 如下图片所示 关于解决这个问题 有两个步骤 1 修改Content Type属性值 小编写的如下 在headers里面封装 headers Content Type multipar