uview上传组件upload总结

官方的示例中用法很麻烦,但是没有给出最简单的用法.实际上可以非常简单
官方的例子里面给了这么多的东西

<u-upload :custom-btn="true" ref="uUpload" :show-upload-list="showUploadList" :action="action"> 
			<view slot="addBtn" class="slot-btn" hover-class="slot-btn__hover" hover-stay-time="150">
				<u-icon name="photo" size="60" color="#c0c4cc"></u-icon>
			</view>
		</u-upload>

实际上最简单的用法,如下

<u-upload  ref="uUpload" :action="action"></u-upload>

另外还有很多的属性,很多的事件,但是实际开发中这些统统不要用,直接上这个就行了.所有的上传成功失败,等等的东西,都让他自己去处理即可,啥也不用管,啥回调或者事件都不要处理,无论你的接口写的什么样的,只要能上传就行

然后在提交form的时候,从这里面取出实际的图片链接,进行处理,提交即可

let files = [];
// 通过filter，筛选出上传进度为100的文件(因为某些上传失败的文件，进度值不为100，这个是可选的操作)
files = this.$refs.uUpload.lists.filter(val => {
					return val.progress == 100;
				});
//假设最终是链接用逗号连接起来的
let imgs = files.map(o=>o.response.data.url).join(',')
//然后去提交就行了

就这么简单,官网的文档没有给出最简单的处理方式,给人太多的误导了