<template>
	<view>
		<u-navbar :is-back="true" title='上传' title-color="#000" :border-bottom="false" :background="true"
			id="navbar">
		</u-navbar>
		<!-- 111 -->
		<button @click="btn()">上传图片</button>
		<view style="width: 750rpx;height: 750rpx;">
			<image :src="item" v-for="(item,index) in imglist" :key="index" style="width: 750rpx;height: 750rpx;"></image>
		</view>
	</view>
</template>

<script>
	export default {
			data() {
				return {
					imglist:[],
					token: '',
				}
			},
			onLoad() {
				this.getQiniuToken()
			},
			methods:{
				btn(){
					let _this=this
					let math='static/'+_this.$u.guid(20)
					uni.chooseMessageFile({
					  count: 10,
					  type: 'all',
					  success (res) {
					    // tempFilePath可以作为img标签的src属性显示图片
					    const tempFilePaths = res.tempFiles
						// let tempFilePaths = chooseImageRes.tempFilePaths;
						// console.log(tempFilePaths)
						// tempFilePaths.forEach(item=>{
						// 	// 上传图片到七牛云
							
						// })
						wx.uploadFile({
							url: 'https://up-z2.qiniup.com', 
							name: 'file',
							filePath: tempFilePaths[0].path,
							formData: {
								token: _this.token, //后端返回的token
								key:'smartmeter/img/'+math
							},
							success: function(res) {
								console.log(res,'resres');
								let str = JSON.parse(res.data)
								console.log(str.key)
								_this.userImgs = 'https://api.ccttiot.com/' + str.key
								console.log(_this.userImgs)
								_this.imglist.push(_this.userImgs)
							}
						});
					  }
					})
					// uni.chooseFile({
					// 	success: (chooseImageRes) => {
					// 		let tempFilePaths = chooseImageRes.tempFilePaths;
					// 		console.log(tempFilePaths)
					// 		tempFilePaths.forEach(item=>{
					// 			// 上传图片到七牛云
					// 			wx.uploadFile({
					// 				url: 'https://saxn40pko.hn-bkt.clouddn.com', 
					// 				name: 'file',
					// 				filePath: item,
					// 				formData: {
					// 					token: _this.token, //后端返回的token
					// 					key:'yasiimg/web/'+math
					// 				},
					// 				success: function(res) {
								
					// 					let str = JSON.parse(res.data)
					// 					// console.log(str.key)
					// 					// _this.userImgs = 'https://file.langsi.online/' + str.key+'.pdf'
					// 					console.log(_this.userImgs)
					// 					_this.imglist.push(_this.userImgs)
					// 				}
					// 			});
					// 		})
							
							
					// 	}
					// });
				},
				// 获取上传七牛云token
				getQiniuToken() {
						this.$u.get("/common/qiniu/uploadInfo").then((res) => {
							if (res.code == 200) {
							this.token=res.token
							}
						});
					// this.$u.get('https://v2.ielts.langsi.online/file/getToken').then(res => {
					// 	console.log(res.data);
					// 	this.token = res.data.token
					// }).catch(err => {
					// 	console.log(err)
					// })
					
				},
			}
		}
</script>

<style>
</style>