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

文件上传的格式:

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

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

关于多文件上传的方法

文件拖拽上传的功能

相关推荐
w***4249 分钟前
SQL-Server链接服务器访问Oracle数据
服务器·sql·oracle
孟先生丨14 分钟前
PVE 系统 2.5G网卡驱动从 r8169 切换到 r8125
服务器·5g
折翅嘀皇虫26 分钟前
fastdds.type_propagation 详解
java·服务器·前端
码龄3年 审核中34 分钟前
Linux record 03
java·linux·运维
星驰云44 分钟前
记一次CentOS 硬盘损坏无法启动修复教程
linux·运维·centos
人工智能训练1 小时前
windows系统中的docker,xinference直接运行在容器目录和持载在宿主机目录中的区别
linux·服务器·人工智能·windows·ubuntu·docker·容器
阿拉斯攀登1 小时前
docker介绍
服务器·docker
ALex_zry1 小时前
高并发系统渐进式改造技术调研报告:策略、架构与实战
java·运维·架构
wljt1 小时前
Docker常用命令
运维·docker·容器
木童6621 小时前
Nginx 深度解析:反向代理与负载均衡、后端Tomcat
linux·运维·nginx