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

文件上传的格式:

第一种: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'

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

关于多文件上传的方法

文件拖拽上传的功能

相关推荐
Harvy_没救了35 分钟前
【网络部署】 Win11 + VMware CentOS8 + Nginx 文件共享服务 Wiki
运维·网络·nginx
春风有信1 小时前
【2026.05.01】Windows10安装Docker Desktop 4.71.0.0步骤及问题解决
运维·docker·容器
lzhdim1 小时前
SQL 入门 12:SQL 视图:创建、修改与可更新视图
java·大数据·服务器·数据库·sql
2401_873479402 小时前
断网时如何实时判断IP归属?嵌入本地离线库,保障风控不中断
运维·服务器·网络
守城小轩2 小时前
基于Chrome140的Yahoo自动化(关键词浏览)——需求分析&环境搭建(一)
运维·自动化·chrome devtools·浏览器自动化·指纹浏览器·浏览器开发
handler012 小时前
Linux 内核剖析:进程优先级、上下文切换与 O(1) 调度算法
linux·运维·c语言·开发语言·c++·笔记·算法
草履虫君4 小时前
VMware 虚拟机网络性能优化指南:从 11 秒到 4 秒的完整调优实践
服务器·网络·经验分享·性能优化
日取其半万世不竭4 小时前
LVM 逻辑卷管理:不停机扩容磁盘的正确方式
运维·服务器
优化Henry4 小时前
TDD-LTE站点Rilink=3链路故障处理案例---BBU侧C口“有发光、无收光”的排查与恢复
运维·网络·信息与通信·tdd
浪客灿心4 小时前
Linux网络传输层协议
linux·运维·网络