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

文件上传的格式:

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

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

关于多文件上传的方法

文件拖拽上传的功能

相关推荐
程序员的世界你不懂几秒前
移动Android和IOS自动化中常见问题
android·运维·自动化
zzyh12345614 分钟前
springcloudalibaba负载均衡组件
运维·负载均衡
奔波霸的伶俐虫1 小时前
liunx磁盘挂载和jar启动命令
linux·运维·服务器
都市前线1 小时前
格雷希尔: G80P系列在制动卡钳行业自动化应用
运维·自动化
开源优测2 小时前
使用pytest-xdist让自动化并行测试变得轻松简单
运维·自动化·pytest
bxp13213 小时前
gitlab add an ssh key 多个ssh配置
运维·ssh·gitlab
一直在学习的小白~4 小时前
Nginx 服务器,Apache 服务器,IIS 服务器的区别
服务器·nginx·apache
羑悻的小杀马特4 小时前
蓝耘携手通义万象 2.1 图生视频:开启创意无限的共享新时代
服务器·nginx·音视频·ai大模型·蓝耘·通义万象 2.1
WZF-Sang5 小时前
Linux——基础IO【3万字大章】
linux·服务器·c++·学习·文件系统·软硬链接·动态库静态库
Ronin-Lotus9 小时前
上位机知识篇---Linux特殊功能文件
linux·运维·服务器·特殊功能寄存器