预览PDF、PPT、Word等文件

最新推荐文章于 2024-07-09 13:23:07 发布

qingzhen568

最新推荐文章于 2024-07-09 13:23:07 发布

阅读量186

点赞数

分类专栏： vue3.0 ant-design 文章标签： pdf powerpoint word

本文链接：https://blog.csdn.net/weixin_43919509/article/details/129946293

版权

vue3.0 同时被 2 个专栏收录

7 篇文章 1 订阅

订阅专栏

ant-design

3 篇文章 0 订阅

订阅专栏

<a-modal
      :visible="isVisible”
      style="top: 88px"
      width=“90%"
      :footer="null"
      @cancel=“isVisible = false"
      :maskClosable="false"
    >
      <iframe
        class="filename"
        :src="previewFileUrl”
        width="100%"
        height="600"
        frameborder="1"
      ></iframe>
    </a-modal>
   //  点击预览教材
    const previewFile = (record) => {
      previewFileUrl = "";
      const lastIndexOf = record.txtbook.lastIndexOf(".");
      const type = record.txtbook.substring(lastIndexOf);
      if ([".ppt", ".pptx", ".doc", ".docx"].includes(type)) {
        state.previewFileUrl = `https://view.officeapps.live.com/op/view.aspx?src=${record.txtbook}&wdHideHeaders=True`;
      } else {
        // 预览PDF文件
        state.previewFileUrl = `${record.txtbook}`;
      }
      state.isVisible = true;
    };```