@tcly-pangu/uploader
v1.0.7
Published
文件上传组件
Downloads
0
Keywords
Readme
使用方式
npm install @tcly-pangu/uploader -S
<uploader
:initList="fileList"
:size="5"
accept=".bmp,.gif,.jpeg,.jpg,.png"
listType="picture-card"
tip="文件大小不超过 5M,支持 bmp、gif、jpeg、jpg、png 格式文件"
@change="onChangeUploadImage"
></uploader>
data () {
return {
fileList: [{
uid: '1',
name: 'test.png',
status: 'done',
url: 'https://test.png'
}], // 文件列表
form: {
imageUrl: '' // 图片地址
}
}
},
methods: {
/**
* 监听改变上传图片
* @param {Array} fileList - 文件列表
*/
onChangeUploadImage (fileList) {
this.form.imageUrl = fileList.length ? fileList[0].url : ''
}
}