add-img-0.0.6

src/components/upload/index.js

@@ -5,14 +5,14 @@ export default {
 	components: {},
 	data() {
 		return {
-			domain: 'http://upload.qiniup.com', // 七牛上传域名地址
-			uptokenURL: globalUrl.ucenterUrl.apiUrl + '/v1/tokens', // 上传token地址
-			files:[], // 上传文件
-			fileMaps:[], // 上传文件返回对象
-			keys:[], // 七牛返回key
-			uploadToken: '', // 上传token
-			maximum:999, // 最大上传数量
-			qiniuOptions: {}, // 七牛上传配置
+			// domain: 'http://upload.qiniup.com', // 七牛上传域名地址
+			// uptokenURL: globalUrl.ucenterUrl.apiUrl + '/v1/tokens', // 上传token地址
+			// files:[], // 上传文件
+			// fileMaps:[], // 上传文件返回对象
+			// keys:[], // 七牛返回key
+			// uploadToken: '', // 上传token
+			// maximum:999, // 最大上传数量
+			// qiniuOptions: {}, // 七牛上传配置
 			imgList:[]
 		};
 	},
@@ -30,7 +30,14 @@ export default {
 				// res.map(item=>{
 				// 	imageList.push()
 				// })
-				this.imgList = res
+				console.log(uploader,uploader.qiniuTokenObj,'qiniuTokenObj')
+				let imgList = res.map(item=>{
+					return {
+						key:item,
+						src:uploader.qiniuTokenObj.visitPrefix + item
+					}
+				})
+				this.imgList = imgList
 				return
 			}
 			// 本地服务上传

src/pages/settle/file-upload.vue

@@ -5,7 +5,7 @@
 <!-- 				<view class="tip-sucess u-flex u-row-center" v-if="file && (file.status == status.QUEUED || file.status == status.UPLOADING)">
 					<span>正在上传中...{{file.percent}}%</span>
 				</view> -->
-				<img :src="file" mode="aspectFill" @click="perviewImg(index)">
+				<img :src="file.src" mode="aspectFill" @click="perviewImg(index)">
 				<view class="close"  @click="removeImg(index)">
 					<u-icon name="close" color="#fff" size="20"></u-icon>
 				</view>

src/plugins/uploader/request/upload/upload.js

@@ -86,7 +86,9 @@ export default class fileUpload extends request {
 				qnRes = await this.getQnToken()
 				this.qiniuTokenObj = qnRes
 			}
-			let requestResult = await qiniuUpload(requestInfo, qnRes);
+			const parmas = JSON.parse(JSON.stringify(qnRes)) 
+			parmas.visitPrefix = ''
+			let requestResult = await qiniuUpload(requestInfo, parmas);
 			return Promise.resolve(requestResult);
 		} catch (err) {
 			this.requestError && this.requestError(err);