截取文件链接末尾的方法，图片直接显示，文件通过链接下载

最新推荐文章于 2022-10-24 11:31:20 发布

℡仅此、而已

最新推荐文章于 2022-10-24 11:31:20 发布

阅读量171

点赞数

分类专栏：前端小强踩坑之路文章标签： vue.js javascript elementui

本文链接：https://blog.csdn.net/Hzq88888/article/details/127427851

版权

前端小强踩坑之路专栏收录该内容

60 篇文章 4 订阅

订阅专栏

html文件展示

<div class="organInfoCont" v-if="infoDTO.picShow == 1">
                <el-image
                  style="width: 100px; height: 100px"
                  :src="infoDTO.assessResultInformUrl"
                  :preview-src-list="[infoDTO.assessResultInformUrl]"
                >
                  <div slot="error" class="image-slot">
                    <i class="el-icon-picture-outline"></i>
                  </div>
                </el-image>
              </div>
              <div class="organInfoCont" v-if="infoDTO.picShow == 0">
                <div
                  class="textColo"
                  @click="
                    openView(infoDTO.assessResultInformUrl, infoDTO.finame)
                  "
                  v-if="infoDTO.finame"
                >
                  文件.{{ infoDTO.finame }}
                </div>
              </div>

let fileExtension = "";
            if (this.infoDTO.assessResultInformUrl && this.infoDTO.assessResultInformUrl.lastIndexOf(".") > -1) {
              fileExtension = this.infoDTO.assessResultInformUrl.slice(this.infoDTO.assessResultInformUrl.lastIndexOf(".") + 1)
            }
            if (fileExtension == 'png' || fileExtension == 'jpg' || fileExtension == 'jpeg') {
              this.infoDTO.picShow = 1
            } else {
              this.infoDTO.picShow = 0
              this.infoDTO.finame = fileExtension
            }

methods：{
openView(item, type) {
      if (type == 'pdf') {
        window.open(item)
      } else {
        window.location.href = item
      }
    },
}