vue-cli中,如何通过选择本地图片打印所选择图片的路径?

没有后台服务器,想在选择图片后获取所选择的图片静态或动态路径,然后显示图片


<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)"