圖片上傳

.markdown

圖片上傳

A Pen by PKTseng on CodePen.

License.

index.html

<div id="app">
  <input type="file" @change="selectFile">
</div>

script.js

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

scripts

<script src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js"></script>