当前位置: 首页 > article >正文

(五)vForm 动态表单文件上传、下载

 系列文章目录

(一)vForm 动态表单设计器之使用

(二)vForm 动态表单设计器之下拉、选择

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

(四)vForm 动态表单自定义组件、属性

目录

 系列文章目录

前言

一、文件上传

1.前端

2.后端

二、文件下载

1.前端

2.后端

总结


前言

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

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

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

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

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

一、文件上传


http://www.kler.cn/news/294743.html

相关文章:

  • 代码随想录算法训练营Day37|完全背包问题、518.零钱兑换II、377. 组合总和 Ⅳ、70. 爬楼梯(进阶版)
  • 连续信号的matlab表示
  • nginx 新建一个 PC web 站点
  • 前端HTML基础笔记
  • Docker数据卷和Dockerfile
  • 集成电路学习:什么是PWM脉冲宽度调制
  • vue通过url下载文件并重命名
  • Window下编译OpenJDK17
  • 【重学 MySQL】十五、过滤数据
  • 【vue css】background设置背景图片不显示问题
  • 利用人类反馈优化文本摘要质量
  • 力扣刷题--1534. 统计好三元组【简单】
  • 如何用RoBERTa高效提取事件文本结构特征:多层次上下文建模与特征融合
  • 如何快速融入大学课堂
  • 快排Java
  • 多线程篇(ThreadLocal 内存模型 伪共享(伪共享))(持续更新迭代)
  • TCP远程命令执行
  • LLM agentic模式之multi-agent: ChatDev,MetaGPT, AutoGen思路
  • 人工智能 | Mistral 大语言模型
  • 【Zookeeper】小白基础入门
  • 关于vue项目启动报错Error: error:0308010C:digital envelope routines::unsupported
  • 828华为云征文|华为云服务器Flexus X搭建悟空crm管理系统——助力企业云上管理(解决APP Referer校验失败问题)
  • WildCard平台:揭秘ChatGPT畅享版、Claude畅享版及全能畅享套餐
  • JS中【JSON】知识点总结和常用方法分析
  • 活动|华院计算宣晓华受邀出席“AI引领新工业革命”大会,探讨全球科技的最新趋势
  • zhidianyun01/基于基于 ThinkPHP+Mysql 灵活用工平台源码
  • Redis、memcache、MongoDB 对比
  • Java 数据类型
  • SAP Business One 与无锡哲讯:携手共创企业数字化未来
  • 7-8月月报 | Apache SeaTunnel社区进展一览