vue在线预览pdf、word、xls、ppt等office文件（注意该方法仅适用于公网地址，不适用于局域网）

彳小闲鱼

已于 2023-07-25 10:48:46 修改

阅读量1.4k

点赞数 1

文章标签：前端 vue.js

于 2023-06-16 10:01:07 首次发布

本文链接：https://blog.csdn.net/Xiao_XianYu_/article/details/131241060

版权

该段代码主要用于处理文档预览，通过检查文件类型是否在指定的Office文档类型数组中，决定使用微软的OfficeOnline服务还是直接打开URL。如果文件类型匹配，它将创建一个新窗口以居中显示预览，否则直接打开链接。

摘要由CSDN通过智能技术生成

perview(row){
      const typeArr = ['doc', 'docx', 'ppt', 'pptx', 'xls', 'xlsx']
      let arr=row.url.split('.')
      let fileType=arr[arr.length-1]
      let url = ''
      if (typeArr.indexOf(fileType) !== -1) {
        // 使用微软的office online
        url='http://view.xdocin.com/xdoc?_xdoc='+row.url
      } else {
        url = row.url
      }
      // window.open()居中打开
      const width = 1000; const height = 800
      const top = (window.screen.availHeight - height) / 2
      const left = (window.screen.availWidth - width) / 2
      window.open(url, '', 'width=' + width + ',height=' + height + ',top=' + top + ',left=' + left)
    }