当前位置: 首页 > news >正文

uniapp选择文件使用formData格式提交数据

1. Vue实现 

在vue项目中,我们有个文件,和一些其他字段数据需要提交的时候,我们都是使用axios 设置请求头中的Content-Type: multipart/form-data,然后new FormData的方式来进行提交。方式如下:

const sendRequest = () => {const formData = new FormData()formData.append('name', data.value.name)  // 名称(string)formData.append('cardNum', data.value.cardNum) // 证件号(string)formData.append('file', data.value.file!)  // 文件(file)request({url: '/file/saveImageInfo',method: 'post',headers: {'Content-Type': 'multipart/form-data'},data: formData}).then(data => {console.log(data, 'data-->>>')})
}

其实很早之前也写过:


http://www.mrgr.cn/news/96489.html

相关文章:

  • opencv图像处理之指纹验证
  • Java EE(18)——网络原理——应用层HTTP协议
  • leetcode 28 Find the Index of the First Occurrence in a String
  • Jmeter的压测使用
  • 从PDF到精准答案:Coze助力RAGFlow框架提升数据召回率
  • 源码刨析与插入实现:RBT比AVL强在何处?
  • SpringBoot实现RBAC权限校验模型
  • C++进阶——位图+布隆过滤器+海量数据处理
  • 小学数学解题方法专题3-列表法-提升2
  • 3.27学习总结 爬虫+二维数组+Object类常用方法
  • RocketMQ - 从消息可靠传输谈高可用
  • 在Qt中判断输入的js脚本是否只包含函数
  • fluent_UDF学习笔记
  • 横扫SQL面试——连续性登录问题
  • 在bootstrap下实现万年历
  • Muduo网络库实现 [二] - Buffer模块
  • 基于自定义注解+反射+AOP+Redis的通用开关设计:在投行交易与风控系统的落地实践
  • SpringBoot 概述
  • Dubbo分布式开发框架
  • 机器学习课程