web iframe 实现pdf word Excel 预览

最新推荐文章于 2024-09-30 15:40:17 发布

原创最新推荐文章于 2024-09-30 15:40:17 发布 · 5.4k 阅读

12 ·

CC 4.0 BY-SA版权

JavaScript 专栏收录该内容

8 篇文章

订阅专栏

<el-dialog
      :title="dialogForm.title"
      width="60%"
      :close-on-click-modal="false"
      :visible.sync="visible"
      @close="handleClose"
    >
      <span>
        <iframe
          v-if="
            dialogForm.fujianFales == 'pdf' ||
            dialogForm.fujianFales == 'html' ||
            dialogForm.fujianFales == 'jpg' ||
            dialogForm.fujianFales == 'jpeg' ||
            dialogForm.fujianFales == 'png' ||
            dialogForm.fujianFales == 'txt'
          "
          :src="dialogForm.fujianOrr"
          style="height: -webkit-fill-available;min-height:600px"
          width="100%"
          height="500"
        />
        <iframe
          v-else
          :src="`https://view.officeapps.live.com/op/view.aspx?src=${encodeURIComponent(
            dialogForm.fujianOrr
          )}`"
          style="height: -webkit-fill-available;min-height:600px"
          width="100%"
          height="500"
        />
      </span>
    </el-dialog>