美文网首页
vue-picture-input图像预览,拖放和EXIF方向

vue-picture-input图像预览,拖放和EXIF方向

作者: 张先森Mr_zhang | 来源:发表于2017-07-04 17:29 被阅读0次
1.gif
npm install --save vue-picture-input
<template>
  <div class="hello">    
    <picture-input @change="onChange()" width="600" height="600" margin="16" accept="image/jpeg,image/png"></picture-input>   
  </div>
</template>
<script>
import PictureInput from 'vue-picture-input'

export default {
  name: 'app',
  data () {
    return {
      msg: 'Welcome to Your Vue.js App'
    }
  },
  components: {
    PictureInput
  },
  methods: {
    onChange () {
      console.log("Picture changed!")
    }
  }
}
</script>

相关文章

网友评论

      本文标题:vue-picture-input图像预览,拖放和EXIF方向

      本文链接:https://www.haomeiwen.com/subject/bryxhxtx.html