Vue exif getter

Get exif info of image file on Vue.js

by YoungSeonAhn

HTML

<script src="https://unpkg.com/vue-picture-input"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/exif-js/2.3.0/exif.js"></script>
<div id="app">
    <p>{{ message }}</p>
    <picture-input ref="pictureInput" @change="onChange"></picture-input>
  </div>

Vue

var app = new Vue({
  el: '#app',
  data: {
    message: 'Vue exif meta info getter'
  },
  components: {
    'picture-input': PictureInput
  },
  methods: {
    onChange (image) {
      console.log('onChange!')
      if (image) {
        EXIF.getData(this.$refs.pictureInput.file, function() {
          console.log('image info', this)
          console.log('exif data', this.exifdata)
        })
      } else {
        console.log(`it's not image`)
      }
    }
  }
})