使用VueJS显示自定义图像EXIF信息

时间:2020-01-31 18:24:02

标签: vue.js vuejs2 exif exif-js

我使用VueJS和EXIF.JS获取显示图像信息。它可以工作并显示完整的图像信息。 如何显示自定义图像信息?例如制造和模型图像? 这是我的代码:

<div id="app">
    <picture-input ref="pictureInput" @change="onChange"></picture-input>
    <p v-for="ex in exifs">
      {{ex}}
    </p>
  </div>
  <script>
    const app = new Vue({
      el: '#app',
      data() {
        return {
          message: 'Vue exif meta info getter',
          DateImage: "DateTimeDigitized",
          exifs: null
        }
      },
      components: {
        'picture-input': PictureInput
      },
      methods: {
        onChange(image) {
          console.log('onChange!')
          if (image) {
            let vm = this
            EXIF.getData(this.$refs.pictureInput.file, function () {
              vm.exifs = this

            })
          } else {
            console.log(`it's not image`)
          }
        },
      }
    })
  </script>

0 个答案:

没有答案