html 代码
<div class="form-item display-block height-auto">
<div class="name">上传凭证</div>
<div class="content">
<div class="upload-img">
<img :src="invoice" height="130" alt="">
<div class="upload-btn">
<input type="file" name="invoice" ref="invoice" @change="upload($event)">
上传
</div>
</div>
</div>
</div>
js代码
<script>
export default {
data(){
return {
invoice: '/images/vue/wap-business-page/money-img.jpg'
}
},
methods: {
// 预览发票
upload(e){
let file = e.target.files[0];
if(file) {
this.file = file
let reader = new FileReader()
let that = this
reader.readAsDataURL(file)
reader. function(e){
that.invoice = this.result
}
}
},
},
}
</script>