<view class="home">
<uni-file-picker v-model="imageValue" fileMediatype="image" mode="grid" :autoUpload="false" returnType="object" @select="select"
@progress="progress" @success="success" @fail="fail" ref="files"/>
<!--
v-model双向绑定
fileMediatype文件的上传类型image图片
mode="grid"图片上传界面网格类型
autoUpload取消自动上传
returnType:"object"单选
@select="select"选择事件
@progress="progress" 进度事件
@success="success" 成功事件
@fail="fail" 失败事件
-->
<button @click="upload">上传文件</button>
</view>
图片上传组件下面添加了一个按钮用来控制上传
:autoUpload="false"取消自动上传
//手动上传
upload(){
this.$refs.files.upload()
},
// 获取上传状态
select(e) {
console.log('选择文件:', e)
},
// 获取上传进度
progress(e) {
console.log('上传进度:', e)
},
// 上传成功
success(e) {
console.log('上传成功', e)
},
// 上传失败
fail(e) {
console.log('上传失败:', e)
}
upload(){
this.$refs.files.upload()
},
是点击事件,手动上传