1. html 准备
<div class="upload_img">
<input @change="fileChange($event)" type="file" id="upload_file" multiple style="display: none" />
<div @click="uploadFile">
<p>添加图片</p>
</div>
2. 获取到选择的图片,检查选择的是否是图片
uploadFile() {
document.getElementById("upload_file").click();
},
// 判断选择的文件类型
checkFileType(_type){
if(_type != 'png' && _type != 'jpeg' && _type != 'jpg'&& _type != 'gif'&& _type != 'bmp'){
alert('暂不支持视频上传,请上传图片!');
return false;
}else{
return true;
}
},
//获取选择的文件(图片)
fileChange(el){
var that = this;
var file = el.target.files;
var _type = file.name;