只要确保真机调试和调试状态下可以下载并预览文件即可,上线后即可预览成功

文件预览代码:

小程序预览的前提需要先调用下载接口,下方代码未处理下载和预览失败事件哟,此处我使用的是uniapp框架,如果使用的是微信原生,将下方前缀修改为wx.即可。

previewFile(fileUrl,fileName){                   let urlStr = "https://yourapi"+fileUrl;//此处是文件url,记得修改let index= fileName.lastIndexOf(".");let ext = fileName.substr(index+1);// 文件 此处2个api需要根据采用的框架修改哦,uniapp 前缀是uni  微信原生使用wx//uni.downloadFile({wx.downloadFile({ url: urlStr,success: (res)=>{console.log("success res",res,urlStr);var filePath = res.tempFilePath//uni.openDocument({wx.openDocument({filePath: filePath,fileType: ext.toLowerCase(),success: function (res) {console.log("已打开文档",res)},fail: function(res){console.log("文档打开失败",res)}})},fail: (res)=>{console.log("文档下载fail res",res)}})},

微信小程序文件下载预览 真机调试可以 但直接预览打不开 小程序文件下载 小程序文件预览相关推荐

  1. 微信公众号网页开发——实用真机调试

    前言 微信公众号网页开发的真机调试一直是很头疼的事情. 原因一 微信公众号配置的JS安全域名只有三个,一个大中型的公众号这三个JS安全域名都是生产的域名,不可能预留域名用于开发和调试. 原因二 在微信 ...

  2. 企业微信小程序_小程序开发工具及真机调试_host配置及代理

    文章目录 一.开发前准备 1. 开发文档 2. 工具安装 3. 安装插件 4. 调整编译模式 5. 选择企业 6. PC 调试前端 7. PC 调试后端 二.甄姬调试前端 2.1. 预览小程序 2.2 ...

  3. 微信小程序如何本地进行真机调试?

    这次记录的是 真机调试是后台是本地服务器,显示未能连接到服务器 的问题. 比如图片下载到本地,视频下载到本地...等等 在小程序开发时我们为了方便而不去搭建域名,在本地直接localhost就可以使用 ...

  4. 微信开发者工具模拟器、IOS真机调试、Android真机调试中Editor效果不一致问题

    问题环境: 1.微信开发者工具1.05.2110290(以下简称"工具") 2.真机调试1.0版本(不区分IOS与Android) 3.微信的editor component,用于 ...

  5. iOS小技能:iOS无线真机调试

    文章目录 引言 I iOS无线真机调试 II iOS16适配 III Xcode13的使用技巧 see also 引言 I iOS无线真机调试 iOS无线真机调试的使用场景:忘记带数据 如果有数据线, ...

  6. 微信小程序云开发路由模块真机调试报错

    问题一:没有npm i在文件夹目录下npm i一下 问题二:更新完后没有上传云函数 问题三:在package.json导入tcb-router版本. 简易演示云函数路由化 npm install -- ...

  7. 企业微信_H5应用如何本地及真机调试_host配置及代理相关

    文章目录 一.准备工作 1. 下载SwitchHosts 2. 创建vue项目 3. 启动项目 3. 请求验证 4. 域名访问 5. Invalid Host header 二.电脑调试 2.1. 设 ...

  8. 微信小程序——真机调试方法(vConsole)

    微信小程序虽然在"微信开发者工具"提供了模拟器作为调试的一种方法. 但真机调试任然必不可少. 工具/原料 手机 微信 一.什么时候开始真机调试 1 1.在"微信开发者工具 ...

  9. 如何真机调试微信h5页面

    最近在项目中接手微信环境h5页面的开发,主要的是使用微信 JS-SDK 做原有项目部分功能在微信环境下的适配. 目前项目暂时告一段落,希望可以用几篇文章记录并分享这些天来学习.开发微信h5页面的心得. ...

最新文章

  1. mysql_config_editor程序的用法
  2. python时间差中 seconds 和 total_seconds 区别
  3. linux 正在运行的程序不能拷贝_如何实现在Windows上运行Linux程序,附示例代码
  4. 如何利用 JConsole观察分析Java程序的运行,进行排错调优(转)
  5. cc++编译链接过程
  6. spring--事务原理
  7. 教你如何使用抖音直播间数据分析工具
  8. 如何将eclipse的英文设置成中文?
  9. 基于MATLAB的疲劳检测系统研究解析
  10. 学习笔记 Tianmao 篇 recyclerView 辅助的RecycleAdapterImpl类(适配自定义 模板)
  11. 橙色云再度入选中国科学院发布的《互联网周刊》
  12. 【Python】str()函数
  13. ML code | KNN python实现
  14. 上市公司财务报告的那点事(4):我的选股策略和实际投资组合
  15. 实训计算机硬盘分区的心得体会,计算机实训报告
  16. 韩顺平Java自学笔记 项目 QQ聊天室
  17. 计算机键盘的简洁键,键盘上的功能键【简单电脑常识】
  18. 计算机主板会自动切断电源是怎么回事,技嘉主板电脑,总自动关机,自动断电,怎么办呀?...
  19. 人工智能系统中有哪些有前途的研究方向?
  20. 控制面板快捷键win10_win10的Microsoft兼容性遥测占用大量资源?这样解决

热门文章

  1. Linux为什么使用CST时区,CST时区问题
  2. javascript中让人懵逼的类型转换
  3. 如何推进科研数据的共享
  4. ZYNQ 双核运行并交互,一个linux,一个裸核
  5. 开发一套租房APP需要具备哪些功能?
  6. Android 杀后台太狠,谷歌:看不下去了,势必要揪出“凶手”!
  7. Java的快读快输出
  8. 消灭星星2.0 c语言
  9. 办公室文员应掌握计算机软件,办公文员需要掌握的电脑程序?
  10. 微信小程序 省份固定的城市联动效果