本文介绍: 这种方式不同浏览器上表现不一样,部份手机浏览器直接不能直接不能打开或是表现为下载基本不实用,如果预览PDF,可以使pdf.js这样的纯JS库但是实际场景时要做各种格式判断浏览判断麻烦死了。//本页面跳转链接实现预览。//本页面跳转链接实现预览。// 示例 url,实际不存在

wordxlspptpdf在线预览实现方式

1.简单前端处理方式

<a href=文档地址></a> 

或者JS

window.open文档地址);  //新建窗口打开链接预览

window.location.href = 文档地址;  //本页面跳转链接实现预览

这种方式不同浏览器上表现不一样,部份手机浏览器直接不能直接不能打开或是表现为下载基本不实用,如果预览PDF,可以使pdf.js这样的纯JS库但是实际场景时要做各种格式判断浏览判断麻烦死了。

2.如果是微信小程序可以使用微信接口:

downloadFileopenDocument

wx.downloadFile({

  // 示例 url,实际不存在

  url: ‘http://test.com/testfile.pdf‘,

  success: function (res) {

    const filePath = res.tempFilePath

    wx.openDocument({

      filePath: filePath,

      success: function (res) {

        console.log(‘打开文档成功‘)

      }

    })

  }

})

如果明确只有微信使用可以考虑,只是如果有浏览直接使用或钉钉之类不行,而且如果后面更换浏览器或WEBAPP又要更换也挺麻烦的。

3.office online

let url = “https://view.officeapps.live.com/op/view.aspx?src=” + 文档url;

window.open(url);  //新建窗口打开链接预览

或者

window.location.href = url;  //本页面跳转链接实现预览

   PDF好像要单独处理,用了一下感觉不太爽放弃了

4.pfile文件预览

   很简单一句话

window.open(‘http://www.pfile.com.cn/api/profile/onlinePreview?url=’+encodeURIComponent(“文档地址”));

使了一阵完美,强烈推荐

原文地址:https://blog.csdn.net/qq_44253268/article/details/131817487

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任

如若转载,请注明出处:http://www.7code.cn/show_43482.html

如若内容造成侵权/违法违规/事实不符,请联系代码007邮箱suwngjj01@126.com进行投诉反馈,一经查实,立即删除

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注