资讯专栏INFORMATION COLUMN

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

acrazing / 465人阅读

摘要:图片选择上传组件支持多选和拖放参数类型说明默认值单张图片最大大小占位文字点击上传图片文件更改回调参数选择图片

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

vue-image-uploader

Vue2 图片选择上传组件,支持多选和拖放

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

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/82491.html

相关文章

  • Laravel 组件之 Forms & HTML 组件 (laravelcollective

    摘要:原文地址安装首先通过来安装这个包编辑项目的文件在部分加入接下来从命令行更新接下来添加到的数组最后添加两个类链接到的数组创建表单打开表单默认是方法你可以随意指定其他接收方法表单仅仅支持和方法和方法将会使用一个隐藏域添加到表单中来欺骗实现你可 原文地址: Laravel Collective Forms & HTML 安装 首先通过 composer 来安装这个 包, 编辑项目的 comp...

    Amio 评论0 收藏0
  • 这样写代码就能和产品经理成为好朋友——策略模式实战

    摘要:这种模式将选项分成若干组,组内单选,组间多选。总结至此,选项按钮这个已经将两种设计模式运用于实战。运用了策略模式将变化的选中行为和选中组隔离。这样的代码具有弹性,就能以不变的上层逻辑应对变化的需求。变化是永恒的,产品需求稳定不变是不可能的,和产品经理互怼是没有用的,但有一个方向是可以努力的:让代码更有弹性,以不变应万变。 继上一次发版前突然变更单选按钮样式之后,又新增了两个和选项按钮有关的需...

    李增田 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<