先要到官网去下载这个插件,然后安装到相应的项目当中
<uni-file-picker v-model="imageValue" fileMediatype="image" mode="grid" returnType="object" @select="select"
@progress="progress" @success="success" @fail="fail" />
<!--
v-model双向绑定
fileMediatype文件的上传类型image图片
mode="grid"图片上传界面网格类型
@select="select"选择事件
@progress="progress" 进度事件
@success="success" 成功事件
@fail="fail" 失败事件
-->
然后是这个组件的使用,直接复制就可以了
// 获取上传状态
select(e) {
console.log('选择文件:', e)
},
// 获取上传进度
progress(e) {
console.log('上传进度:', e)
},
// 上传成功
success(e) {
console.log('上传成功', e)
},
// 上传失败
fail(e) {
console.log('上传失败:', e)
}
这个是图片上传过程中的各种事件
图片上传成功之后,可以直接获取下载链接