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

文件上传的格式:

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

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

关于多文件上传的方法

文件拖拽上传的功能

相关推荐
PAQQ29 分钟前
解决 ubuntu 重启串口号变化
linux·运维·ubuntu
dyxal1 小时前
linux系统安装wps
linux·运维·wps
啟明起鸣1 小时前
【网络编程】从与 TCP 服务器的对比中探讨出 UDP 协议服务器的并发方案(C 语言)
服务器·c语言·开发语言·网络·tcp/ip·udp
九章云极AladdinEdu2 小时前
深度学习优化器进化史:从SGD到AdamW的原理与选择
linux·服务器·开发语言·网络·人工智能·深度学习·gpu算力
Xxtaoaooo2 小时前
Nginx 502 网关错误:upstream 超时配置的踩坑与优化
运维·nginx·负载均衡·502错误·upstream超时
zzzsde3 小时前
【Linux】初识Linux
linux·运维·服务器
fouryears_234173 小时前
云服务器使用代理稳定与github通信方法
运维·服务器·github
Ronin3053 小时前
【Linux系统】单例式线程池
linux·服务器·单例模式·线程池·线程安全·死锁
wanhengidc3 小时前
手机云服务是什么意思?
运维·网络·安全·游戏·智能手机
desssq3 小时前
ubuntu 18.04 泰山派编译报错
linux·运维·ubuntu