vue2 圖片選擇組件，支持多選和拖放

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

vue-image-uploader

Vue2 圖片選擇上傳組件,支持多選和拖放

DEMO

Props

參數	類型	說明	默認值
maxSize	Number	單張圖片最大大小	3072
placeholder	String	佔位文字	點擊上傳圖片
onChange	Function	文件更改回調(參數: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>