添加附件显示

study-manager-ui/admin/src/views/notice/study/view.vue

@@ -28,8 +28,12 @@
 
             <el-divider style="width: 100%"></el-divider>
 
-            <el-link type="primary" :href="form.filePath" >{{form.fileName}}</el-link>
-
+            <div v-if="isImage">
+              <img :src="form.filePath" alt="图片描述">
+            </div>
+            <div v-else>
+              <el-link type="primary" :href="form.filePath" >{{form.fileName}}</el-link>
+            </div>
           </el-card>
         </el-col>
       </el-row>
@@ -44,10 +48,21 @@
         components: {
         },
         methods: {
-
+          afterRender(data) {
+            this.checkFileType()
+          },
+          checkFileType() {
+            const extension = this.form.fileName.split('.').pop().toLowerCase();
+            if (['jpg', 'jpeg', 'png', 'gif'].indexOf(extension) !== -1) {
+              this.isImage = true;
+            } else {
+              this.isImage = false;
+            }
+          },
         },
         data() {
             return {
+              isImage: false,
                 size:"small",
                 column:2,
                 toString:[