Vue中读取本地图片支持预览与上传
发布时间
阅读量：
阅读量
先观察效果展示图：
上方呈现了两张从本地选取并准备上传至服务器的图片预览，整体效果还算令人满意，哈哈。
下方展示了页面中紫色边框区域的布局及对应的实现代码。可能有些用户对HTML默认提供的文件上传控件样式并不青睐，确实显得不够美观：
<template>
<div class="uploadFile">
<!-- ul、li标签用于展示从本地添加的预览图片 -->
<ul v-show="uploadImg.length!=0">
<li v-for="(item,index) in uploadImg"
:key="index"
class="addPic">
<img :src="item">
</li>
</ul>
<input type="file"
id="file"
accept="ima全部评论 (0)
还没有任何评论哟~