ant-design-vue中的上传文件和下载文件

首先分析需求:

  1. 上传为dbf,xlsx 的文件

  2. 上传的数量最大为1

  3. 通过点击或拖拽的方式选择需要上传的文件

使用组件为:ant-design-vue    版本:@4.07

接着看组件中的相关属性

ps:提取一些关键的信息,

保存文件的列表,上传前的事件(含限制条件),上传文件的地址等

image-20231118224838192

最后开始写代码:

<div class="down">
      <a-upload-dragger
        class="up_word"
        :fileList="fileList"
        name="file"
        :max-count="1"
        :multiple="false"
        accept=".dbf, .xlsx"
        method="post"
        :before-upload="beforeUpload"
        @change="handleChange"
        @remove="handleRemove"
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值