vue中选择文件上传
<input type="fileInput" @click =change($event) accept ="img/png, img/jpeg"
accept表示上传文件的input框接受的文件类型
change是点击该input上传文件时所触发的事件
method:{
change(e){
var this =that;
var fileObj =e.target.files[0]; //选择到上传的文件
var fileSize = fileObj.size ; //判断文件的大小
if(fileSzie >xxx*xxx){
that.$message.error('文件大小不对')
return false;
}
if(fileObj){
var reader = new FileReader();
reader.readAsDataURL(fileObj);
read.onload =function(){
img.src =this.result;
that.imgbase64 = this.result;
}
}