Ant-Design-Vue 自定义上传和图片预览功能

最新推荐文章于 2024-06-26 14:17:54 发布

中二Devil

最新推荐文章于 2024-06-26 14:17:54 发布

阅读量1w

点赞数 5

分类专栏：前端 ant design

本文链接：https://blog.csdn.net/exlinker/article/details/109479392

版权

本文介绍了如何使用Ant Design Vue实现自定义上传功能，通过`customRequest`属性结合`imgAdd`方法控制上传过程。关键在于成功上传时调用`onSuccess()`以更新文件状态。此外，还探讨了图片预览功能，包括Base64加载本地文件和通过后端文件下载接口加载图片的方法。

摘要由CSDN通过智能技术生成

前端页面代码部分

<template>
    <a-upload list-type="picture-card" :customRequest="imgAdd" :remove="imgDel"
              :file-list="fileList" @preview="handlePreview" @change="handleChange">
        <div v-if="fileList.length < 9">
            <a-icon type="plus" />
            <div class="ant-upload-text">
                上传
            </div<

最低0.47元/天解锁文章

中二Devil

关注

5
点赞
踩
16

收藏

觉得还不错? 一键收藏
3
评论
Ant-Design-Vue 自定义上传和图片预览功能

前端页面代码部分<template> <a-upload list-type="picture-card" :customRequest="imgAdd" :remove="imgDel" :file-list="fileList" @preview="handlePreview" @change="handleChange"> <div v-if="fileList.length < 9">
复制链接

扫一扫

专栏目录