图片上传显示
客户端上传图片显示自己的图片
tampate部分
<input type="file" class="fileInput" ref="file" id="file" placeholder="" @change="chooseFile" accept="image/*"/>
<div class="lookUrl">
<img :src="lookUrl" alt="#" class="lookUrl">
</div>
data部分
data () {
return {
lookUrl: ''
}
}
methods部分
chooseFile (a) {
const fr = new FileReader()
fr.readAsDataURL(a.target.files[0])
fr.onload = e=> {
//该lookUrl可以绑定img的src地址即可
this.lookUrl = e.target.result
}
}