uniapp 文件上传，图片上传，手动上传，uni-file-picker_uni-file-picker 手动上传

<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>
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17

图片上传组件下面添加了一个按钮用来控制上传
: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)
			}
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23

upload(){
				this.$refs.files.upload()
			},
			
1
2
3
4

是点击事件，手动上传