没有后台服务器,想在选择图片后获取所选择的图片静态或动态路径,然后显示图片
<input type="file" @change="achange">
<img :src="urlbase64"/>
data(){
return{
url:'',
urlbase64:''
}
},
methods(){
achange(e){
var file = e.files[0];
var reader = new FileReader();
reader.readAsDataURL(file);
// 获取图片的本地静态路径
this.url = e.value;
reader.onload = (ret) => {
// 显示图片
this.urlbase64 = ret.target.result;
};
}
}
那你定义一个json
let json=[
{
url:"", //本地的url值
}
]
然后选择后 使用下标或者唯一标识取出,url然后 :img="require(json[i].url)"