Vue 图片选择上传组件,支持多选和拖放
vue-image-uploader
Events
Example
Vue2 图片选择上传组件,支持多选和拖放
DEMO
| 参数 | 类型 | 说明 | 默认值 |
|---|---|---|---|
| maxSize | Number | 单张图片最大大小 | 3072 |
| placeholder | String | 占位文字 | 点击上传图片 |
| 参数 | 说明 |
|---|---|
| onChange | 文件更改时触发事件 |
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>
版权声明：
1、该文章(资料)来源于互联网公开信息，我方只是对该内容做点评，所分享的下载地址为原作者公开地址。2、网站不提供资料下载，如需下载请到原作者页面进行下载。
