From a6a86e40ac8149631b02b32d086190c19137a7dc Mon Sep 17 00:00:00 2001
From: 1721518185 <1721518185@qq.com>
Date: Tue, 19 Dec 2023 20:00:36 +0800
Subject: [PATCH] fixed: error when showing videos

---
 frontend/src/app/pages/myUpload/myUpload.html   |  2 +-
 .../src/app/pages/uploadList/uploadList.html    | 12 +++++++-----
 frontend/src/app/pages/uploadList/uploadList.ts | 17 +++++++++++++++--
 3 files changed, 23 insertions(+), 8 deletions(-)

diff --git a/frontend/src/app/pages/myUpload/myUpload.html b/frontend/src/app/pages/myUpload/myUpload.html
index 6ae19b6..e9718c1 100644
--- a/frontend/src/app/pages/myUpload/myUpload.html
+++ b/frontend/src/app/pages/myUpload/myUpload.html
@@ -1,2 +1,2 @@
 
- <app-my-upload [filterCriteria]="username"></app-my-upload>
+ <app-my-upload filterCriteria="username"></app-my-upload>
diff --git a/frontend/src/app/pages/uploadList/uploadList.html b/frontend/src/app/pages/uploadList/uploadList.html
index 780c515..74d8f50 100644
--- a/frontend/src/app/pages/uploadList/uploadList.html
+++ b/frontend/src/app/pages/uploadList/uploadList.html
@@ -3,15 +3,17 @@
 <nz-row nzGutter="16">
   <nz-col nzSpan="8" *ngFor="let item of images;let index = index">
     <nz-card [nzHoverable]="true">
-      <nz-card-meta [title]="item.picTitle"></nz-card-meta>
+      <nz-card-meta nzTitle="{{item.picTitle}}"></nz-card-meta>
       <img *ngIf="item.type.startsWith('image')" [src]="item.url" alt="Uploaded Image" class="media"/>
       <video *ngIf="item.type.startsWith('video')" [src]="item.url" controls class="media"></video>
       <audio *ngIf="item.type.startsWith('audio')" [src]="item.url" controls class="media"></audio>
       <nz-card-meta [nzTitle]="'Upload by ' + username" [nzDescription]="item.uploadTime| date:'medium'"></nz-card-meta>
-
     </nz-card>
-    <button nz-button nzType="primary" [ngStyle]="{ marginRight: '8px' }" (click)="previewImage(item)">Preview</button>
-    <button nz-button nzType="primary" [ngStyle]="{ marginRight: '8px' }" (click)="downloadImage(item.url)">Download</button>
-    <button nz-button nzType="primary" nzDanger (click)="deleteImage(index)">Delete</button>
+    <div *ngIf="filterCriteria=='username'">
+          <button nz-button nzType="primary" [ngStyle]="{ marginRight: '8px' }" (click)="previewImage(item)">Preview</button>
+          <button nz-button nzType="primary" [ngStyle]="{ marginRight: '8px' }" (click)="downloadImage(item.url)">Download</button>
+          <button nz-button nzType="primary" nzDanger (click)="deleteImage(index)">Delete</button>
+    </div>
+
   </nz-col>
 </nz-row>
diff --git a/frontend/src/app/pages/uploadList/uploadList.ts b/frontend/src/app/pages/uploadList/uploadList.ts
index 81efa6f..734da09 100644
--- a/frontend/src/app/pages/uploadList/uploadList.ts
+++ b/frontend/src/app/pages/uploadList/uploadList.ts
@@ -112,10 +112,23 @@ export class MyUploadComponent implements OnInit {
         const url = blob.getElementsByTagName('Url')[0].textContent || '';
         const blobUrl = `${containerUrl}/${name}${this.extractSasToken()}`;
         const picTitle = name.split('_')[0].replace(`${this.containerName}/`, '');
-
+          const extension = name.split('.').pop() || '';
+          let type = '';
+          const imageExtensions = ['jpg', 'jpeg', 'png', 'gif'];
+          const audioExtensions = ['mp3', 'wav'];
+          const videoExtensions = ['mp4', 'avi'];
+          if (imageExtensions.includes(extension)) {
+            type = `image/${extension}`;
+          }else if (audioExtensions.includes(extension)) {
+            type = `audio/${extension}`;
+          }else if (videoExtensions.includes(extension)) {
+            type = `video/${extension}`;
+          }else {
+            type = 'application/octet-stream';
+          }
         this.images.push({
           url: url,
-          type: 'image/jpeg',
+          type: type,
           uploadTime: lastModified,
           blobUrl: blobUrl,
           picTitle: picTitle