vue配合antd上传多张图片

最新推荐文章于 2024-01-18 17:07:19 发布

狼太保

最新推荐文章于 2024-01-18 17:07:19 发布

阅读量2.7k

点赞数 1

文章标签： vue.js

本文链接：https://blog.youkuaiyun.com/z1010017573/article/details/110838059

版权

本文介绍如何在Vue.js项目中结合Ant Design库实现多张图片上传的功能，重点探讨HTML结构与JavaScript实现。

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

html代码

<h2>图片</h2>
        <div class="content">
            <a-upload
                action="https://xxxx"
                list-type="picture-card"
                :file-list="fileList"
                @preview="handlePreview"
                @change="handleChange"
                :disabled="mode==='readonly'"
            >
                <!-- <div v-if="fileList.length <= 1"> -->
                <div>
                    <a-icon type="plus" />
                    <div class="ant-upload-text">
                        上传图片
                    </div>
                </div>
            </a-upload>
            <a-modal :visible="previewVisible" :footer="null" @cancel="handleCancel"