.

src/main/java/com/izouma/awesomeAdmin/service/storage/AliStorageService.java

@@ -56,7 +56,8 @@ public class AliStorageService implements StorageService {
 
     private String upload(InputStream inputStream, String path) {
         OSSClient client = new OSSClient(ossEndPoint, accessKeyId, accessKeySecret);
-        client.putObject(ossBucketName, path, inputStream, new ObjectMetadata());
+        ObjectMetadata metadata = new ObjectMetadata();
+        client.putObject(ossBucketName, path, inputStream, metadata);
         client.shutdown();
         try {
             inputStream.close();

src/main/vue/src/components/FileUpload.vue

@@ -21,7 +21,11 @@
                 <i class="status-icon el-icon-loading" v-else></i>
                 {{ file.name }}
                 <i class="opt">
-                    <i class="opt-icon el-icon-search" v-if="file.status === 'success'" @click="preview(file)"></i>
+                    <i
+                        class="opt-icon el-icon-search"
+                        v-if="file.status === 'success' && isImage(file)"
+                        @click="preview(file)"
+                    ></i>
                     <i class="opt-icon el-icon-download" v-if="file.status === 'success'" @click="download(file)"></i>
                     <i class="opt-icon el-icon-delete" @click="removeFile(file)"></i>
                 </i>
@@ -166,6 +170,9 @@ export default {
 .file-list-item {
     line-height: 1.8;
     margin-top: 5px;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+    overflow: hidden;
     cursor: pointer;
     .file-name {
         padding: 0 90px 0 20px;

src/main/vue/src/views/Upload.vue

@@ -1,13 +1,16 @@
 <template>
     <div style="width:370px">
-        <file-upload :limit="2" v-model="files"></file-upload>
+        <file-upload :limit="3" v-model="files"></file-upload>
     </div>
 </template>
 <script>
 export default {
     data() {
         return {
-            files: ['https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2020-06-22-17-29-37LyLVuKzG.jpg']
+            files: [
+                'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/image/2020-06-22-17-29-37LyLVuKzG.jpg',
+                'https://ticket-exchange.oss-cn-hangzhou.aliyuncs.com/application/2020-06-22-18-25-52jNpAgxrG.7z'
+            ]
         };
     }
 };