栏目分类:
子分类:
返回
终身学习网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
终身学习网 > IT > 软件开发 > Web开发 > Vue.js

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

Vue.js 更新时间:发布时间: 百科书网 趣学号

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

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)
 }
      }
    }
  }
转载请注明:文章转载自 www.051e.com
本文地址:http://www.051e.com/it/241771.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 ©2023-2025 051e.com

ICP备案号:京ICP备12030808号