ITPub博客

首页 > IT职业 > IT生活 > vue2 图片选择组件,支持多选和拖放

vue2 图片选择组件,支持多选和拖放

IT生活 作者:cosis 时间:2021-09-09 09:01:03 0 删除 编辑

https://github.com/bigggge/vue-image-uploader

DEMO

Props

参数 类型 说明 默认值
maxSize Number 单张图片最大大小 3072
placeholder String 占位文字 点击上传图片
onChange Function 文件更改回调(参数:files)

Example

HTML:

  

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)
        }
      }
    }
  }

来自 “ ITPUB博客 ” ,链接:https://blog.itpub.net/2826/viewspace-2798656/ ,如需转载,请注明出处,否则将追究法律责任。

请登录后发表评论 登录
全部评论

注册时间:2019-08-16

  • 博文量
    90
  • 访问量
    1015