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

Question

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

Answer 1

<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;
        };
    }

}