圖片上傳

index.html

<div id="app">
  <input type="file" @change="selectFile">
  <img :src="image" width="200">
</div>

script.js

new Vue({
  el:"#app",
  data:{
    image: '',
  },
  methods:{
    selectFile(e){
      const file = e.target.files.item(0);
      // console.log(file);
      const reader = new FileReader();
      reader.addEventListener('load', this.imageLoaded);
      reader.readAsDataURL(file);
    },
    imageLoaded(e){
      this.image = e.target.result;
    },
  },
})