（五）vForm 动态表单文件上传、下载

 系列文章目录

（一）vForm 动态表单设计器之使用

（二）vForm 动态表单设计器之下拉、选择

（三）vForm 动态表单解决下拉框无数据显示id问题

（四）vForm 动态表单自定义组件、属性

目录

 系列文章目录

前言

一、文件上传

1.前端

2.后端

二、文件下载

1.前端

2.后端

总结

---

前言

文件操作在系统表单中是必不可少的功能，作为动态表单，自然也有此功能，首先回想一下传统表单的上传、下载功能是如何实现的？

上传：核心方法是:http-request="上传方法"，自定义上传动作，调用后端接口，后端用的是minio。

下载：点击文件直接传递文件名等信息调用后端minio下载接口，完成下载。

那么动态表单如何实现呢？原理都是一样的。vForm文档中提供了三种上传的方式，七牛云、又拍云、后端服务，以下只讨论后端服务的方式，在如七牛云等需要花钱的实现方式，我跟领导的意见是统一的，能不用就不用！

文档中的步骤简单来说，统共分三步。第一：设置上传路径；第二：需要cookie或token等鉴权的接口，需要传递必要信息；第三：onUploadSuccess事件中，返回规定的格式，主要是name及url，用于上传成功后端回显及下载功能（这里下载后续也会重写，调用后端接口，源码是 <a :href="file.url"/>）

一、文件上传