vue2 圖片選擇組件,支持多選和拖放
https://github.com/bigggge/vue-image-uploader
vue-image-uploaderVue2 图片选择上传组件,支持多选和拖放
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>
點(diǎn)擊查看更多內(nèi)容
4人點(diǎn)贊
評(píng)論
評(píng)論
共同學(xué)習(xí),寫下你的評(píng)論
評(píng)論加載中...
作者其他優(yōu)質(zhì)文章
正在加載中
感謝您的支持,我會(huì)繼續(xù)努力的~
掃碼打賞,你說多少就多少
贊賞金額會(huì)直接到老師賬戶
支付方式
打開微信掃一掃,即可進(jìn)行掃碼打賞哦