微信小程序-实现安卓系统只预览不下载pdf文件

H5和微信小程序实现文件预览功能 不要慌,太阳下山,有月光。月亮西沉,有朝阳。昼夜交替,总有欢喜。 阅读详情

2022.1.17日更新:

时隔很久,才过来看评论,实在不好意思。看到好多人需要demo,我把文件放到github上了,有需要的人可以下载。

代码仓库地址:

https://github.com/Jianing666/smallpro-pdf


在网上下载了可预览pdf的Demo,自己改了些,用在了小程序的项目里,自用没问题。

具体Demo文件见资源。

实现方式:webview直接加载h5页面实现预览pdf

这个资源的Demo文件上传到公司服务器。

这行代码是关键:let pdfUrl = getQueryString('fileUrl')

将小程序中要显示的pdf链接地址放到路由(路由地址即h5访问地址)中,加参数为fileUrl;比如:'www.xxx.com?fileUrl'+'pdf文件地址' 。直接跳转即可预览pdf文件。

微信小程序那边代码只需要利用webview跳转到h5的访问地址即可

微信小程序开发之上传文件,支持预览功能 3.微信小程序的文件下载也提供了对应的api,wx.downloadFile参数为文件的地址,返回一个临时的地址tempFilePath,在通过wx.openDocument的方法打开文档。6.js代码如下 上传文件代码。7.js文件预览文件。 阅读详情

相关推荐

uniapp跨平台实战:微信小程序与H5的PDF文件下载、保存与预览全攻略

本文详细解析了uniapp在微信小程序与H5平台实现PDF文件下载、保存与预览的全流程技术方案。针对跨平台开发中的核心差异,提供了微信小程序分步操作与H5端Blob处理的实战代码,并分享兼容性优化与错误处理经验,帮助开发者高效解决PDF处理难题。

weixin_30338481的博客 103

微信小程序加载在线PDF,并禁用下载

微信小程序本身不支持屏蔽下载按钮加载在线pdf。因此,需要通过其它方式进行加载。在这里,使用当前最新版的pdf.js 3.0+

Darion的博客 2287

别再踩坑了!UniApp微信小程序预览PDF,安卓和iOS兼容性问题的终极解决方案(附完整代码)

本文深入解析UniApp微信小程序中PDF预览在安卓和iOS平台上的兼容性问题,提供了一套完整的跨平台解决方案。通过分析不同操作系统的底层差异,给出了智能判断平台的代码实现,并涵盖文件验证、网络异常处理等进阶优化技巧,帮助开发者彻底解决PDF预览的兼容性难题。

weixin_30733003的博客 339

【小程序预览文件】 在微信小程序中在线预览文件wx.downloadFile和wx.openDocument(包含自定义修改打开文件的文件名)

在微信小程序中在线预览文件——wx.downloadFile和wx.openDocument(包含自定义修改打开文件的文件名!!) △ 前部分先大致说下需要注意的点(便于理解,时间宽裕可收藏后查看),后部分直接放代码实现,着急的小伙伴可以直接移步后部分。 一. 使用微信小程序提供的api(注意顺序,先下载,再打开) (1-1).wx.downloadFile 下载文件资源到本地(临时的文件,退出即销毁) △ 客户端直接发起一个 HTTPS GET 请求,返回文件的本地临时路径 (本地路径),单次下载允许

weixin_43994760的博客 2万+

【微信小程序】小程序实现文件的上传及预览,以PDF文件为例。

安卓系统和ios系统 一开始被一篇ios预览PDF文件需要用到webview的博客给误导了,以为安卓预览文件需要调用wx.downloadFile()和wx.openDocument()这两个API,而ios系统预览文件则是要用webview标签才能实现,最后捣鼓了好长时间ios用webview 标签预览文件的时候一直显示空白。不知道为什么(至今也没能解决),官方给出的答案是webvi...

疾术客 2万+

『uniapp』安卓系统将文件下载保存到本地(详细图文注释)

大家喜欢的话,给个👍,点个关注!给大家分享更多计算机专业学生的求学之路!发现你走远了@mzh原创作品,转载必须标注原文链接欢迎关注『uniapp』 专栏,持续更新中欢迎关注『uniapp』 专栏,持续更新中『未完待续』

MZH 415

小程序文件预览,页面预览不下载

【代码】小程序文件预览,页面预览不下载。

qq_53701739的博客 479

Ubuntu关闭更新提醒的三层控制方法:从GUI到APT配置

Linux系统更新机制本质上是包管理器(APT)驱动的自动化运维流程,其核心原理在于分离‘元数据刷新’、‘安全补丁安装’和‘用户通知’三个职能。这种分层设计既保障了基础安全性,又为系统管理员提供了策略定制空间。技术价值体现在提升生产环境稳定性、规避未经验证的内核/驱动升级风险,并支持ROS、Blender渲染、工业控制等对时序敏感的应用场景。本文聚焦Ubuntu系统入门教程中高频需求——科学关闭软件更新提醒,覆盖Ubuntu 20.04及LTS版本的GUI设置、systemd服务禁用与APT配置修改三大实操

weixin_29698641的博客 394

微信小程序pdf预览功能实现(解决小程序下载pdf文件后缀为unknown导致不可预览问题多种方案)

描述 因为项目是使用wepy框架开发的,所以语法上面如果大家是使用其它的方案要注意下,其实思路和核心代码大体上相同。、 思路 首先,做这个功能得知道,ios使用web-view标签是直接可以浏览pdf的,但是安卓系统的手机是不可以的,这个时候我们一般采用先下载,然后再打开的方式浏览。只要是借助小程序的wx.downloadFile、wx.openDocument事件实现这个功能。然后再区分ios和...

闲云野鸟的博客 7043

手把手教你新建一个winform项目(史上最全)

本文介绍如何利用visual studio新建一个winform程序

qq_34059233的博客 4万+

C#上位机性能优化全攻略:彻底解决界面卡顿+多线程死锁+PLC数据延迟,产线实测稳定运行2年

一开始我们用的是网上找的零散优化代码,根本满足不了要求,后来花了2个月的时间,把之前27条产线的代码整理、重构、优化,做了一套这套方案上线后,连续稳定运行2年零3个月:界面响应时间稳定在50ms以内,多线程死锁率持续为0,PLC数据延迟稳定在150ms以内,系统可用率≥99.99%,帮客户一年省下了超过480万的停线损失、罚款损失和人工成本,客户第二年就把剩下的22条产线也全部交给我们做了,还介绍了3家同行。

这里只有干货:从 Modbus 通信到 MES 对接,从 YOLO 训练到工控机部署,带你搞定工业软件开发全流程。 294

小程序pdf预览插件_微信小程序中预览 PDF 文档

在iOS 下是可以直接打开pdf 文件url 进行预览的。如果你的小程序是公司主体,会多出一个业务域名的设置选项。设置好域名后,再使用web-view打开对应的文件就可以了。<web-viewsrc="{{url}}">web-view>要注意文件路径中不能含有中文,否则会无法正确打开。在安卓下使用web-view来预览pdf 文件这个方法就行不通了,安卓系统会直...

weixin_39873456的博客 3179

《C/C++等级考试(1~8级)历届真题解析》专栏总目录

中国电子学会《全国青少年软件编程等级考试》C/C++编程(1~8级)历届真题解析。订阅后可阅读专栏内所有真题解析,真题持续更新中!

人生就是一个不断学习的过程 2万+

微信小程序-安卓系与iOS下载预览文件问题

问题描述: 最近在开发微信小程序项目,在预览和下载PDF文件时碰到了一个问题, ***iOS与安卓系统不兼容.***然后翻看了一些资料.发现 //下载文件 wx.downloadFile({ url: url, filePath: wx.env.USER_DATA_PATH + '/' + fileTitle+'.pdf', heade...

longtime的博客 4062

13、Java 中 MQTT 异步通知与回调的使用及传感器命令处理

本文详细介绍了在 Java 中使用 MQTT 的异步通知与回调机制,并展示了如何通过 Paho Java 客户端处理与传感器交互的命令。文章包含代码示例,讲解了 MQTT 客户端的连接、订阅、消息处理以及模拟传感器数据发布的过程,适用于希望在 Java 应用中实现 MQTT 通信与设备控制的开发者。

eee77的博客 160

毕设帮扶:从0到1搭建基于YOLOv5的打架斗殴检测系统——助你搞定深度学习毕设

做完这个毕设,你已经掌握了从数据准备到模型部署、界面开发的全流程。把模型部署到边缘设备(如安防摄像头的嵌入式系统)上,实现本地化实时检测与报警;加入行为严重程度分析(如轻微推搡 vs 严重斗殴)、涉事人员数量统计,让系统从“检测”升级为“智能安防决策”;尝试融合声音、红外等多模态数据,打造全方位的暴力事件监测系统。按照这个教程一步步做,你的毕设肯定能做得很扎实。要是过程中遇到啥问题,别担心,慢慢梳理或者咱们一起聊聊,一定能把这个毕设做成你满意的作品。

LXY_LOVE36的博客 121

小程序pdf预览插件_如何下载小程序上的PPT与PDF? (苹果系统、安卓系统)

利用小程序下载资源,因其不需登陆不需注册,手机端的操作方便快捷,而受到大家的喜爱。近日一些朋友操作不当,导致下载失败。其实操作很简单!安卓系统PPT下载视频演示:(PDF可与苹果手机一样操作)现在展示苹果手机PDF下载。(安卓系统也适用)只需四步!!!第一步:打开小程序页面,找到你需要的资源。不要点下载,不要点查看,直接转发。第二步:转发到微信电脑版文件传输助手:第三步:点击底部“查看”...

weixin_39662955的博客 3367

【产品】 产品设计:如何解决铝合金氧化着色后表面硬度低的问题(硬质氧化)

1、氧化处理技术 1)化学氧化 化学氧化处理所获得的膜层较薄,一般厚度为0.5μm ~4μm,质软不耐磨,抗蚀能力低于阳极氧化膜。 一般不宜单独便用,由于化学氧化膜吸附能力好,主要作用于油漆的底层,化学氧化按其溶液性可分为碱性和酸性两种。按其膜层性质可分为氧化膜,磷酸盐膜、铬酸盐膜及磷酸一铬酸盐膜等(这类型的氧化膜是可导电)。 2)电化学氧化(阳极氧化) 电化学氧化(俗称阳极氧化)是铝及...

产品线负责人 9733

ios pdfjs 显示pdf不全_【微信小程序】小程序实现文件的预览,以PDF文件为例

安卓系统和ios系统 一开始被一篇ios预览PDF文件需要用到webview的博客给误导了,以为安卓预览文件需要调用wx.downloadFile()和wx.openDocument()这两个API,而ios系统预览文件则是要用webview标签才能实现,最后捣鼓了好长时间ios用webview 标签预览文件的时候一直显示空白。不知道为什么(至今也没能解决),官方给出的答案是webview不...

weixin_39825854的博客 1338

【国产MCU】-认识CH32V307及开发环境搭建

CH32V307是[沁恒](https://www.wch.cn/)推出的一款基于32位RISC-V设计的互联型微控制器,配备了硬件堆栈区、快速中断入口,在标准RISC-V基础上大大提高了中断响应速度。加入单精度浮点指令集,扩充堆栈区,具有更高的运算性能。扩展串口UART数量到8组,电机定时器到4组。提供USB2.0高速接口(480Mbps)并内置了PHY收发器,以太网MAC升级到千兆并集成了10M-PHY模块。

视觉与物联智能 2344

win10 跳过U8环境检测的IE WebControls.rar

win10 安装u8的时候 提示IE WebControls 不通过,这个工具可以欺骗u8的检查。 跳过U8环境检测的IE WebControls。提示导入失败后,重新检测通过。

轻松处理 PDF?微信小程序预览 + 保存 + 转发全实现

通过微信小程序原生接口,开发者可快速实现PDF下载、预览及本地保存功能,提升用户体验。

lyn4107828658的博客 630

IEM模型,地表粗糙度模拟

利用微波反演土壤水分时候,利用IEM模型可以实现对随机地表的模拟

微信android打不开pdf,安卓系统下微信小程序打开pdf文件 没反应

1, 微信小程序本地使用真机测试,可以打开pdf 文件,但是上传程序后(体验版)进入体验版小程序,预览pdf 无反应code :wx.getSystemInfo({success:function(res){var sname= res.system.split(' ');if(sname[0]=='iOS'){wx.navigateTo({url:'../ggshu/ggshu?id=' +e....

weixin_32508109的博客 4287

老版QQ原生表情gif动态

这是老版的QQ表情,不过全是动态的的,Windows照片查看器是不会动的,可以右击用浏览器打开查看,再说一遍是老版的,只是分享给宁愿用老版也要动态的人。

ssm框架搭建

这个是一个在idea上成功跑起来的ssm框架项目,保存在这里方便以后使用直接下载

微信小程序:打开预览pdf格式文档,及兼容性问题

在开发中有个功能是查看pdf格式的报告,接口返回的链接是以“.pdf "结尾的,查询并实践了一下,在此记录。

weixin_70354927的博客 3895

uniapp转微信小程序预览下载文件

uniapp转微信小程序预览下载文件

maowencai的博客 560

安卓 获取指定类型的文件_【微信小程序】小程序实现文件的预览,以PDF文件为例...

安卓系统和ios系统 一开始被一篇ios预览PDF文件需要用到webview的博客给误导了,以为安卓预览文件需要调用wx.downloadFile()和wx.openDocument()这两个API,而ios系统预览文件则是要用webview标签才能实现,最后捣鼓了好长时间ios用webview 标签预览文件的时候一直显示空白。不知道为什么(至今也没能解决),官方给出的答案是webview不...

weixin_39683368的博客 471

UniApp文件预览避坑指南:如何解决跨域、兼容性和性能问题?

本文深入探讨了UniApp文件预览功能的优化策略,涵盖跨域问题、平台兼容性和大文件性能优化。通过代理服务器配置、条件编译和分片加载等技术手段,解决iOS与安卓的兼容性差异,提升用户体验。特别针对PDF和图片预览,提供了从网络层到渲染层的全链路解决方案,助力开发者高效实现文件查看功能。

weixin_33701251的博客 356
上一篇: 微信小程序-自定义子组件-按钮组
下一篇: 如何优雅地搞定多个判断,别告诉我你只会if-else和switch
驚鴻入梦
博客等级 码龄10年 23粉丝 21原创
评论 13
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明:

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

余额充值