14

pages/conversation/chating/components/MessageItem/PictureMessageRender.vue

@@ -13,6 +13,13 @@
 				<u-loading-icon color="red"></u-loading-icon>
 			</template>
 		</u--image>
+		<u--image 
+			v-else
+			:showLoading="true" 
+			width="120" 
+			mode="widthFix" 
+			src="/static/images/sync_error.png">
+		</u--image>
 	</view>
 </template>
 
@@ -54,41 +61,22 @@
 				// 如果有远程 snapshotUrl，则下载到 coverCachePath
 				const snapshotUrl = (this.message.pictureElem.snapshotPicture?.url ?? this.message.pictureElem.sourcePath );
 				const key = md5(snapshotUrl || '');
-				this.coverCachePath = `_doc/${this.conversationID}/img_${key}.jpg`;
-				if (typeof plus === 'undefined' || !this.coverCachePath) return;
-				try {
-					// 检查封面是否存在
-					const coverExists = await util.fileExsit(self.coverCachePath);
-					this.coverExists = !!coverExists;
-					if (this.coverExists) {
-						this.src = this.coverCachePath;
-						return;
-					}
-					if (!snapshotUrl) {
-						this.src="/static/images/sync_error.png";
-						return;
-					}
-					this.coverDownloading = true;
-					await new Promise((resolve, reject) => {
-						util.downloadFile(snapshotUrl, self.coverCachePath, function(localPath) {
-							self.coverDownloading = false;
-							self.coverExists = true;
-							resolve(localPath);
-						}, function(err) {
-							self.coverDownloading = false;
-							reject(err);
-						}, function(progress) {
-							self.coverDownloadProgress = progress;
-						});
-					});
-				} catch (e) {
-					this.coverDownloading = false;
-				}
+				this.coverCachePath = `${this.conversationID}/img_${key}.jpg`;
+				util.cacheFile(snapshotUrl,this.coverCachePath,(e)=>{
+					self.coverDownloading = false;
+					self.src = coverCachePath;
+					console.log(e);
+				},(e)=>{
+					console.log(e);
+				},(e)=>{
+					console.log(e);
+				});
 			},
 			clickMediaItem() {
 				uni.previewImage({
 					current: 0,
-					urls: [this.message.pictureElem.sourcePicture.url],
+					//urls: [this.message.pictureElem.sourcePicture.url],
+					urls: ["_doc/"+this.coverCachePath],
 					indicator: "none",
 				});
 			},
@@ -104,21 +92,5 @@
 		position: relative;
 		border-radius: 16rpx;
 		overflow: hidden;
-
-		.play_icon {
-			width: 48px;
-			height: 48px;
-			position: absolute;
-			top: 50%;
-			left: 50%;
-			transform: translate(-50%, -50%);
-		}
-
-		.video_duration {
-			position: absolute;
-			bottom: 12rpx;
-			right: 24rpx;
-			color: #fff;
-		}
 	}
 </style>