当前位置: 首页 > 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.dtcms.com/a/101180.html

相关文章:

  • Vue3 表单
  • STM32 CAN控制器硬件资源与用法
  • 网络编程和Socket套接字(UDP+TCP)(如果想知道Java中有关网络编程和Socket套接字的知识,那么只看这一篇就足够了!)
  • 51单片机的五类指令(二)——算术运算类指令
  • Python库与Excel
  • BUUCTF-web刷题篇(5)
  • Sentinel实战(一)、1、sentinel介绍、安装及初始化服务监控
  • 微信小程序:数据拼接方法
  • MP3、WAV、RM、PNG格式
  • deepseek ai 输入法
  • OLLAMA 未授权访问-漏洞挖掘
  • 12. STL的原理
  • Spring Cloud Gateway中GatewayFilter Factories(网关过滤工厂)的详细介绍
  • 【Es】Elasticsearch 在日志管理与数据分析中的应用实践
  • 利用 Excel 函数随机抽取(附示例)
  • 脑疾病分类的疑惑【7】一般FMRI数据都存储为什么格式?能不能给我用数据简单的描述一下FMRI是如何存储的?
  • RK3588使用笔记:debian/ubuntu/麒麟系统下基础功能配置(不定期更新)
  • PS底纹教程
  • PyTorch Day 首次登陆 2025 智源大会!论文征集开启
  • Apache Doris 高频问题排查指南:从报错到性能优化
  • [ C++ ] | C++11 从左值引用到右值引用
  • 网络安全之超强Linux信息收集:渗透测试与应急响应的基石(命令超强集合工作手册)
  • HashMap、HashTable 与 ConcurrentHashMap 的区别
  • 从入门到精通【 MySQL】 数据库约束与设计
  • 小学数学解题方法专题3-列表法-提升2
  • MySQL 8.X 仅迁移非系统数据库账号和权限信息
  • 工地扬尘监测仪:守护蓝天白云的重要工具
  • golang的database.sql包和事务处理
  • JAVA实战开源项目:体育馆使用预约平台(Vue+SpringBoot) 附源码
  • 音视频学习(三十一):DASH协议