Vue3+AntdesignVue3/ElementPlus a-upload实现上传(上传前控制类型，数量，多文件限制大小自动拦截)、预览、单个下载、删除（删除前确认）、批量下载（压缩包）（终极版）

置顶沉默是金~

已于 2023-06-15 17:45:39 修改

阅读量2k

点赞数 1

分类专栏： Vue3 文章标签： javascript vue.js ecmascript

于 2023-05-26 15:59:16 首次发布

本文链接：https://blog.youkuaiyun.com/wyhc2021/article/details/130888341

版权

Vue3 专栏收录该内容

31 篇文章 ¥9.90 ¥99.00

订阅专栏

超级会员免费看

本文介绍了如何在Vue3项目中，结合AntdesignVue3或ElementPlus，实现文件上传功能，包括上传前的类型、数量和大小限制，文件预览，单个及批量下载，删除前的确认，以及多文件上传的自动拦截。详细阐述了各个功能的实现方法和关键代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

页面使用

                        <el-col :md="16" :sm="24">
                          <el-form-item label="附件上传" prop="fileList">
                            <a-upload-dragger
                                    name="file"
                                    accept="image/*,application/