微信小程序预览文件，word、xlsx文件打不开？

最新推荐文章于 2023-09-27 09:58:37 发布
最新推荐文章于 2023-09-27 09:58:37 发布
阅读量3.8k 收藏 7
点赞数
文章标签： word
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_48334955/article/details/127866456
版权

预览文件的时候发现表格，word打不开，查了官方文档没有解决办法，后来解决了赶紧整理一下。

 按照微信开发文档里的写，pdf可以预览成功，但word和xlsx不能预览

官方文档并没有收录这个bug，生成的临时路径是后缀为.bin的路径，无法生成正确的网址，所以无法打开。

可以把临时路径改成自定义的，就可以打开了。

预览图片

 

B8bobo
关注
  • 0
    点赞
  • 踩
  • 7
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
微信小程序 - 在线预览 Office 文件（doc / docx / xls / xlsx / ppt / pptx / pdf）
王佳斌
05-24 7206
效果图 前言 网上大部分教程功能有问题且文章无逻辑混乱，本文将提供优秀的示例。 本文只适用于预览 服务端接口返回的网络地址文件，“本地上传” 文件并预览原理一样， 例如服务端接口返回了文件地址（路径），并携带了文件类型等数据， { file: 'http://example.com/somefile.pdf', type: 'pdf', size: 18434 } 此时需要在小程序中打开并预览，如下图所示： 完整代码 非常详细的注释，代码干净整洁无任何其他无用代码。 您可以找个页面或直接按
微信小程序： 预览pdf，ppt，word等文件
从惊蛰走到霜降的博客
04-27 2543
wx.openDocument 可打开文件类型有： doc doc 格式 docx docx 格式 xls xls 格式 xlsx xlsx 格式 ppt ppt 格式 pptx pptx 格式 pdf pdf 格式 主要代码： wx.downloadFile({ //文件url url: 'http://example.com/somefile.pdf', success: function (res) {
thinkphp5视图文件引入公共文件的方法
徊忆羽菲
12-12 939
thinkphp5视图文件引入公共文件的方法h-ui.admin公共文件修改引用文件的方式 h-ui.admin公共文件 拷贝到thinkphp需要的目录中，比如我就放到了后台目录admin的view/中，新建public，目录 修改引用文件的方式 {include file=‘public/_header’} 在公用模板目录的同级index目录中，修改index.html文件， 如图所示： 保存内容，浏览器中访问： 就可以了 ...
微信小程序打开PDF、word等文件预览
m0_60312580的博客
06-21 4444
近期在使用uniapp开发微信小程序时，碰到了要在小程序上打开PDF文件预览的需求，使用原生微信小程序开发的实现和这个也是类似的。
微信小程序查看word，excel，ppt以及pdf文件（文档）
u014388322的专栏
08-16 2773
本人专注于Android/java/数据库/微信小程序技术领域的开发，以及有好几年的计算机毕业设计方面的实战开发经验和技术积累；尤其是在安卓（Android）的app的开发和微信小程序的开发，很是熟悉和了解；本人也是多年的Android开发人员；希望我发布的此篇文件可以帮助到您；🍅。
微信小程序预览 word、excel、ppt、pdf 等文件
热门推荐
RealizeInnerSelf丶
08-30 1万+
目录微信小程序预览 word、excel、ppt、pdf 等文件预览效果前言注意点实现代码微信小程序预览 word、excel、ppt、pdf 等文件 预览效果 前言 微信官方提供了相关的 API 来预览常见文件，目前支持如下格式的文件 总结一下就是先用 wx.downloadFile API 把文件下载下来，再用 wx.openDocument API 把它打开 wx.downloadFi...
关于微信小程序打开/保存excel、pdf、word文档
bobufan的博客
04-19 1429
【代码】关于微信小程序打开/保存excel、pdf、word文档。
微信无法打开xlsx文件_微信小程序 h5下载xlsx 文件
weixin_32111725的博客
01-08 2161
出于对数据安全的考虑，查询到的表格数据是以base64数据形式返回给到前端，需要前端自行解析处理。如果直接返回www.xxx.xx/aa.xlsx 这种形式就会容易很多。案例： 如下body字段的数据，就是表格的数据，对其进行展示。 base64形式的文件下载处理微信小程序处理利用wx.base64ToArrayBuffer(data) 将base64 数据转成ArrayBuffergetFile...
微信小程序实现上传word、txt、Excel、PPT等文件功能
10-16
在微信小程序中实现上传Word、txt、Excel、PPT等文件的功能是一个比较复杂的过程，因为微信小程序本身并没有直接提供这样的API接口。不过，我们可以通过组合使用一些技术手段来实现这个功能。下面将详细介绍如何实现...
微信小程序 本地数据读取实例
11-30
微信小程序 本地数据读取实例 一般情况下，小程序的utils这个文件夹下，我们可以把本地的数据写进去，封装成.js文件，提供对外暴露的接口，然后读取本地数据。如果涉及到一些针对这些数据的处理方法，也可以把方法写...
微信小程序预览word，excel，doc文件代码
05-21
微信小程序预览word，excel，doc文件Demo代码，下载代码直接使用微信小程序打开运行即可，可以使用微信小程序对应的真机调试进行测试预览功能
微信小程序前端导出Excel文件.rar
05-08
在微信小程序中，由于JavaScript的运行环境限制，不能直接操作本地文件，因此，导出Excel文件通常需要借助特定的库或服务。这个案例中，我们可能用到的是如 SheetJS (XLSX.js) 这样的库，它可以在浏览器环境中创建和...
excel.js插件可应用于微信小程序，H5对xlxs文件的操作
最新发布
05-03
Excel.js 是一个强大的JavaScript库，专门用于在前端处理Excel（xlsx）文件，尤其适用于微信小程序和HTML5（H5）应用程序。它允许开发者在不依赖后端服务的情况下，实现对Excel文件的创建、读取、修改和导出，极大地...
微信小程序云开发 Excel批量导入数据库
05-19
在微信小程序云开发的场景中，`node-xlsx`模块被云函数调用，处理上传的Excel文件，然后将数据批量写入云数据库。 首先，你需要在云函数环境中安装`node-xlsx`模块。这可以通过npm（Node.js的包管理器）来完成，...
uniapp - 微信小程序平台实现预览 office 文件及保存下载到本地功能，将word/excel/ppt/pdf等文件在小程序内进行预览，用户可以保存和转发给好友进行下载到手机（一键复制运行）
高级前端工程师
09-27 5386
uniapp微信小程序平台端，uniapp小程序下载office文档，uniapp小程序将word/excel/pdf保存到手机里，uniapp把office文档打开预览并保存或发给朋友文件，如何在uniapp中预览下载doc pdf，uniapp官方下载office文件详细教程，uniapp小程序开pdf文档文件，uniapp怎么在小程序平台上预览下载office文件，uniapp怎么在小程序内打开预览下载word文档，小程序网页打开pdf功能，兼容安卓和苹果系统，uniapp微信小程序实现‘下载+保存至
微信小程序下载文件ios无法预览问题--解决方案
code_carrierV1的博客
03-23 8459
微信小程序下载文件ios无法预览问题–解决方案 想给单位做一个微信小程序，实现文件上传下载的功能，方便办事，也能提高办事效率。 wx.downloadFile()获取到的文件缓存在手机上，iOS无法在手机预览这个缓存文件，安卓手机可以。 这个需要在调用downloadFile指定保存文件路径，才可以预览操作文件，在临时路径是无法转发编辑的。 var fileTypes = ["DOC", "XLS", "PPT", "PDF", "DOCX", "XLSX", "PPTX"]; var imageTypes
uniapp微信小程序在web-view嵌入的uniapp H5页面中预览word文件
dzy0923的博客
02-17 3496
在小程序中预览文件可以使用uni.uploadFile下载后再uni.openDocument打开预览，但uni.openDocument API是不支持H5的，这时候可能会想到使用微软在线预览，但是实际出来的效果会存在各种兼容性问题。因此我们需要在h5页面中跳回小程序然后走小程序的预览文件逻辑。
移动端如何浏览EXCEL、word、ppt、pdf等文件在线预览
zgyanxiaolu_msdn的博客
07-24 1976
如果明确只有微信使用可以考虑，只是如果有浏览直接使用或钉钉之类不行，而且如果后面更换到浏览器或WEBAPP又要更换也挺麻烦的。//本页面内跳转链接实现预览。//新建窗口打开链接预览。// 示例 url，实际不存在。3、pfile的文件预览。
微信小程序（原生）和uniapp预览电子文件doc/pdf/ppt/excel等
qq_36434345的博客
08-10 2816
微信小程序（原生）和uniapp预览电子文件doc/pdf/ppt/excel等
微信小程序预览本地文件js
08-31
微信小程序提供了丰富的API来实现预览本地文件。其中，可以使用wx.openDocument()方法来预览本地文件。 首先，我们需要获取用户在小程序中选择的本地文件的临时文件路径。可以通过wx.chooseMessageFile()或wx.chooseImage()等方法来获得用户选择文件的临时路径。 然后，使用获取到的临时文件路径调用wx.openDocument()方法来打开预览文件。该方法的调用格式为： ```javascript wx.openDocument({ filePath: tempFilePath, // 本地文件的临时路径 success: function(res) { console.log('文件预览成功'); }, fail: function(res) { console.log('文件预览失败', res); } }); ``` 在预览文件成功的回调函数中，可以进行一些相应的处理，例如展示加载进度，或者执行其他操作。 需要注意的是，小程序并非能够支持所有文件类型的预览，支持的文件类型包括doc、xls、ppt、pdf、docx、xlsx、pptx等。在使用wx.openDocument()方法之前，可以先进行判断文件类型是否支持预览。 另外，文件预览功能只能在真机上预览，无法在开发者工具中进行预览。 通过以上步骤，我们就可以在微信小程序中实现本地文件的预览功能了。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值