vue2 图片挑选组件,支撑多选和拖放

https://github.com/bigggge/vu…

vue-image-uploader

Vue2 图片挑选上传组件,支撑多选和拖放

DEMO

Props

参数范例申明默认值
maxSizeNumber单张图片最大大小3072
placeholderString占位笔墨点击上传图片
onChangeFunction文件更改回调(参数:files)

Example

HTML:

  <div class="hello">
    <image-inputer :onChange="imgChange" :maxSize="maxSize" placeholder="挑选图片"></image-inputer>
  </div>

JavaScript:

  import ImageInputer from '@/components/ImageInputer.vue'

  export default {
    name: 'hello',
    data () {
      return {
        maxSize: 3072
      }
    },
    components: {
      ImageInputer
    },
    methods: {
      imgChange (files) {
        if (files) {
          console.log(files)
        }
      }
    }
  }
</script>
    原文作者:undefinedvar
    原文地址: https://segmentfault.com/a/1190000009070830
    本文转自网络文章,转载此文章仅为分享知识,如有侵权,请联系博主进行删除。
点赞