商城评价图片改为cos直传

manifest.json

@@ -57,7 +57,8 @@
 			"postcss": true,
 			"minified": true
 		},
-		"usingComponents": true,
+		"usingComponents": true,
+		"lazyCodeLoading": "requiredComponents",
 		"permission": {
 			"scope.userLocation": {
 				"desc": "获取用户位置已展示距离民宿的距离"

packageShang/components/use-upload/use-upload.vue

@@ -14,6 +14,7 @@
 
 <script>
 	import common from '../../../static/comon.js'
+	import { cos } from '@/util/cos.js'
 	export default {
 		props: {
 			limit: {
@@ -46,71 +47,37 @@
 					// 可以指定是原图|压缩图，默认二者都有
 					sizeType: ['original', 'compressed'],
 					success: (res) => {
-						console.log(JSON.stringify(res.tempFilePaths));
 						// _this.imgs.push((res.tempFilePaths)[0])
 						// console.log(_this.imgs)
 						const file = res.tempFilePaths[0];
-						
-						// 文件上传
-						uni.uploadFile({
-							url:getApp().globalData.baseurl+ '/file/open/', //自己的后端接口（默认发送post请求）
-							filePath:file,
-							name:"file",  //这里应为自己后端文件形参的名字
-							data:{
-		//                     
-							},
-							header:{
-								'Content-type' : 'multipart/form-data'
+						let Key = file.substr(file.lastIndexOf('/') + 1)
+						cos.postObject(
+							{
+								Bucket: 'jinganminsu-1320402385',
+								Region: 'ap-nanjing',
+								Key: Key,
+								FilePath: file,
+								onProgress: (info) => {
+									// console.log(info)
+								}
 							},
-							success(res) {
-								res = res.data
-								console.log(JSON.parse(res).success)
-								if(JSON.parse(res).success){
-									_this.imgs.push(JSON.parse(res).data)
+							(err, data) => {
+								if (err) {
+									console.log('上传失败', err)
+								} else {
+									console.log('上传成功', data)
+						
+									uni.hideLoading()
+									let imgUrl = 'https://' + data.Location
+									// this.form.img =imgUrl
+									_this.imgs.push(imgUrl)
 									_this.sendData()
+									
 								}
 							}
-						})
-						
-						// uni.showLoading({
-						// 	title: '上传中',
-						// 	mask: true
-						// });
+						)
 						
 						for (var i = 0; i < res.tempFilePaths.length; i++) {
-							console.log(i,'41')
-							//解决跨越问题，让通过微信上传的图片你能够展示在浏览器前端
-							// uni.getImageInfo({
-							// 	src: res.tempFilePaths[0],
-							// 	success: (path) => {
-							// 		pathToBase64(path.path).then(base64 => {
-							// 				console.log("base64="+base64); // 这就是转为base64格式的图片
-							// 				_this.imgs=base64
-							// 			})
-							// 			.catch(error => {
-							// 				console.error(error)
-							// 			})
-							// 	}
-							// })
-							// const result = uni.uploadFile({
-							// 	filePath: res.tempFilePaths[i],
-							// 	cloudPath: _this.$api.getFileName(res.tempFilePaths[i]),
-							// 	onUploadProgress: function(progressEvent) {
-							// 		console.log(progressEvent,'0p1')
-							// 		var percentCompleted = Math.round((progressEvent.loaded *
-							// 			100) / progressEvent.total);
-							// 	}
-							// }).then(uRes => {
-							// 	console.log(uRes, res.tempFiles[i],'0p')
-							// 	uRes.url = uRes.fileID;
-							// 	uRes.type = res.tempFiles[i].type || '';
-							// 	uRes.size = res.tempFiles[i].size;
-								
-							// 	_this.imgs.push(uRes);
-							// 	_this.sendData()
-							// }).catch(err => {
-							// 	console.log('use-upload', err);
-							// });
 						}
 
 						uni.hideLoading();

util/cos.js

@@ -2,5 +2,5 @@ let COS = require('cos-wx-sdk-v5')
 export const cos = new COS({
 	SecretId: 'AKIDJSP9gz469yZv77tQjotsgHguvjIgtvkL',
 	SecretKey: 'b3MVRD1g8RYS9g195oMkvukQvDKZfbOz',
-	SimpleUploadMethod: 'putObject'
+	SimpleUploadMethod: 'putObject',
 })