iview upload 上传图片

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

原创

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

2 ·

CC 4.0 BY-SA版权

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

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

<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>
                </div>
            </div>
            <upload  ref="upload" :show-upload-list="false"
            :on-success="handleSuccess" :format="['jpg','jpeg','png']" :max-