<img src="" alt="" ref="demoImg">
<input type="file" ref="file" name="file" @change="demo">
demo(e){ //预览图片 并将图片转为base64码传给后台
let file = e.target.files[0]
let reader = new FileReader()
if(file.type == 'image/jpg'){
this.$message.error('上传头像图片只能是 jpg 格式!');
this.$refs['file'].value = ''
return
}
if(file.size/1024/1024 < 2){
this.$message.error('上传头像图片大小不能超过 2MB!');
this.$refs['file'].value = ''
return
}
reader.readAsDataURL(file) //将结果转为url，使得img的src可以使用
reader.onload = (e) => {
console.log(e.target.result)
console.log(e.target.result.split(',')[1]) //图片的base64码
this.$refs['demoImg'].src = e.target.result;//转为url后的结果 赋给img的src
}
}
