当前位置: 首页 > 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-->>>')
  })
}

其实很早之前也写过:

相关文章:

  • 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 高频问题排查指南:从报错到性能优化
  • 独立页面成网站通过/app推广方案策划
  • 自适应网站模板公司/如何制作自己的网址
  • 城阳天河小学网站建设/快速排名优化怎么样
  • 网站搜索条怎么做/网站更新seo
  • 建筑工程电影网/关键词优化如何做
  • 西安专业网站开发公司/网络营销公司是做什么的