关于数据文件上传到服务器的格式及上传实现的方法

文件上传的格式:

第一种:form-data格式的:

let fm = new FormData;

fm.append('file',file)

fm.append('filename',' ')

// 在请求体中进行添加请求头的信息

axios.post('https://127.0.0.1:8888/upload_single',fm,{

headers:{

"Content-Type":"mutipart/form-data"

}

})

// 在封装请求中配置添加请求体中的信息:

axios.defaults.baseURL = 'http://127.0.0.1:8000'

axios.defaults.headers'Content-Type' = 'multipart/forn-data'

第二种 xxx=xxx&xxx=xxx格式的

axios.post('/upload_sing_base64',{

file:'file',

filnename:'file.name'

},{

headers:{

'Content-Type':"application/x-www-form-urlencoded"

}

})

第三种json格式的 {"key":"value"}

axios.defaults.headers'Content-Type' = 'application/json'

文件上传的进度条: 在网络请求中可以解耦出来;

关于多文件上传的方法

文件拖拽上传的功能

相关推荐
鹏大师运维19 分钟前
为什么信创电脑装软件总提示“软件包架构不匹配”?
linux·运维·架构·国产化·麒麟·deb·统信uos
007张三丰36 分钟前
软件测试专栏(11/20):测试框架开发:pytest深度解析与插件体系
运维·服务器·自动化测试·pytest·测试框架
weixin_604236672 小时前
华三 路由器 极简核心配置
运维·服务器·网络·h3c·h3c路由器
鹤落晴春2 小时前
【Linux复习】管理SELinux安全性
linux·运维·服务器
AI智图坊3 小时前
多件装组合SKU图的批量生产效率分析:从PS手工到AI自动化的工作流改造
大数据·运维·人工智能·gpt·ai作画·自动化·aigc
lizhihai_996 小时前
股市学习心得-AI 产业链核心标的梳理清单
大数据·服务器·人工智能·科技·学习
云计算磊哥@7 小时前
运维开发宝典026-MySQL02数据库表操作
运维·数据库·运维开发
黄同学real7 小时前
解决 Visual Studio Web Deploy 远程发布报 401 未授权 (ERROR\_USER\_UNAUTHORIZED)
服务器
天天进步20157 小时前
Tunnelto 源码解析 #9:控制服务器设计:Warp、WebSocket、Ping/Pong 与连接保活
运维·服务器·websocket
极客先躯8 小时前
高级java每日一道面试题-2026年02月01日-实战篇[Docker]-Docker Volume 的生命周期管理是怎样的?
java·运维·docker·容器·持久化·架构图·容器卷