iview upload 上传图片

最新推荐文章于 2022-07-27 09:53:55 发布

sunny.day

最新推荐文章于 2022-07-27 09:53:55 发布

阅读量930

点赞数

本文链接：https://blog.csdn.net/yang__k/article/details/103933705

版权

本文介绍了如何在项目中利用iview组件库的upload功能实现图片上传，包括上传的配置选项、事件监听以及如何与后台交互处理上传结果。

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

<span class="up_img">上傳圖片:&nbsp;&nbsp;&nbsp;</span> 
<div class="demo-upload-list" v-for="item in uploadList">
                <div v-if="item.status === 'finished'">
                    <img :src="item.response.data.path">
                    <div class="demo-upload-list-cover">
                        <icon type="ios-eye-outline" @click.native="handleView(item)"></icon>
                        <icon type="ios-trash-outline" @click.native="handleRemove(item)"></icon>
                    </div>
                </div>
                <div v-else>
                    <i-progress v-if="item.showProgress" :percent="item.percentage" hide-info></i-progress>
                </