我想包含一个图标或图像而不是一个按钮。因为,我已经采取了“输入类型=“文件”,我无法将此按钮设为图标。有没有办法在 div 边框内添加(+图标)?在这种情况下,如果用户按下 + 符号,他应该可以上传图片。
<q-field
>
<img :src="image" class="user-image" @click="onFileChange"/>
<div v-if="!image">
<input type="file" @change="onFileChange">
</div>
<div v-else><q-btn icon="delete" color="secondary" round small @click="removeImage"/>
</div>
</q-field>
这是我的脚本
methods: {
onFileChange (e) {
alert('hema')
var files = e.target.files || e.dataTransfer.files
if (!files.length) {
return
}
this.createImage(files\[0\])
},
createImage (file) {
var reader = new FileReader()
var vm = this
reader.onload = (e) => {
vm.image = e.target.result
}
reader.readAsDataURL(file)
},
removeImage: function (e) {
this.image = ''
}
}