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

文件上传的格式:

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

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

关于多文件上传的方法

文件拖拽上传的功能

相关推荐
XMAIPC_Robot11 小时前
基于RK3588 ARM+FPGA的电火花数控系统设计与测试(三)
运维·arm开发·人工智能·fpga开发·边缘计算
Elastic 中国社区官方博客11 小时前
现已正式发布: Elastic Cloud Hosted 上的托管 OTLP Endpoint
大数据·运维·数据库·功能测试·elasticsearch·全文检索
kongba00712 小时前
OpenClaw v2026.3.23 安全配置复盘:从多处明文到集中受控存储《OpenClaw 安全部署 SOP(v2026.3.23)V2》
服务器·网络·安全
LDG_AGI12 小时前
【人工智能】OpenClaw(一):MacOS极简安装OpenClaw之Docker版
运维·人工智能·深度学习·机器学习·docker·容器·推荐算法
朱包林12 小时前
k8s-Pod基础管理,标签管理,rc控制器及重启策略实战
linux·运维·云原生·容器·kubernetes·云计算
Monster丶62612 小时前
Docker 部署 Ollama 全流程指南:支持 CPU/GPU、生产环境可用的工程化实践
运维·人工智能·docker·容器
hkNaruto12 小时前
【Docker】关于hub.docker.com,无法打开,国内使用dockers.xuanyuan.me搜索容器镜像、查看容器镜像的使用文档
运维·docker·容器
勇闯逆流河12 小时前
【Linux】linux进程概念(环境变量详解)
linux·运维·服务器
姚不倒12 小时前
从 Docker 到 Kubernetes:容器编排核心原理与网络实践
运维·云原生·容器·kubernetes
郭涤生13 小时前
CANopen 基础复习
服务器·网络·c++