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

文件上传的格式:

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

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

关于多文件上传的方法

文件拖拽上传的功能

相关推荐
神奇的程序员9 小时前
从已损坏的备份中拯救数据
运维·后端·前端工程化
虾..10 小时前
Linux 软硬链接和动静态库
linux·运维·服务器
Evan芙10 小时前
Linux常见的日志服务管理的常见日志服务
linux·运维·服务器
玄斎10 小时前
MySQL 单表操作通关指南:建库 / 建表 / 插入 / 增删改查
运维·服务器·数据库·学习·程序人生·mysql·oracle
rit843249911 小时前
C# Socket 聊天室(含文件传输)
服务器·开发语言·c#
trayvontang11 小时前
Nginx之location配置
运维·nginx
十六年开源服务商12 小时前
WordPress定制开发最佳公司的用户画像
运维
hkhkhkhkh12312 小时前
Linux设备节点基础知识
linux·服务器·驱动开发
世岩清上12 小时前
AI驱动的智能运维:从自动化到自主化的技术演进与架构革新
运维·人工智能·自动化
张童瑶13 小时前
Linux SSH隧道代理转发及多层转发
linux·运维·ssh