微信公众号 – 实现 H5 网页在微信内置浏览器中下载文件,可预览和下载 office 文件(doc / xls / ppt / pdf 等)适用于任何前端技术栈网站,兼容安卓和苹果系统!
前言
网上的教程都是让你写页面 “引导” 右上角三个点里,让用户自己去浏览器打开,其实这样用户体验并不好。
本文实现了 最新微信公众号 H5 网页(微信内置浏览器中),预览下载 office 文件,安卓和苹果全都支持!
您可以直接复制代码,移植到自己项目中去,任何前端项目(比如 vue,uniapp,nuxt,react 等等)都保证可用。
如下图真机所示,分别在安卓和苹果系统中实现 “文件下载”,也是目前最主流的黑科技解决方案,
安卓系统下,当用户点击下载按钮后自动弹出 “微信原生” 去浏览器下载,而苹果系统则是预览,然后发送到电脑上。
无任何第三方插件,示例代码干净整洁

示例代码
本文来自网络,不代表协通编程立场,如若转载,请注明出处:https://www.net2asp.com/170aaca45a.html
相关推荐
-
Android 项目调用第三方库so动态库
在Android NDK开发中,可以通过自己编写C/C++代码来构建so动态库进行调用之外,还可以把so动态库提供给第三方使用;接下来,我将介绍在新创建的Android 项目(或已…
1天前 -
iphone怎么传数据到另一个手机,苹果如何转移数据到新手机,两台iphone怎么同步所有数据
换新手机后,需要迁移旧苹果手机的数据到新苹果手机里面,那么,iphone怎么传数据到另一个手机?本篇文章带您深度了解苹果手机的数据传输技巧。 方法一、通过“快速开始”传输数据 苹果…
1天前 -
Android studio 设置proxy错误,导致HTTP/1.1 400 Bad Request。
Android studio 设置proxy 大家在打开一个新项目是,往往需要下载组件和插件。如果出现一下错误信息: java.io.IOException: Unable…
1天前 -
Mac OS系统数据占用过大存储,终于找到了原因
前言: 就在无意间发现了自己MacBook的系统资源占用我现在总占比的2/3了,高达135G还要多,也不知道怎么回事,虽然不影响现在的使用,但是就是很不爽,如图 后来发现同事的更…
1天前 -
6.3 Android 打包
在 Linux 环境下通过 Buildozer、 Python-for-Android 和 Kivy Launcher 等方面绍如写好的程序打包为在 Android…
移动开发 1天前 -
Android学习笔记 – 常用的布局
简介 Android中有六种的布局方式,分别是:LinearLayout(线性布局)、RelativeLayout(相对布局)、TableLayout(表格布局)、FrameLay…
1天前 -
安卓/鸿蒙手机使用termux安装mariaDB,Centos搭载jdk,Tomcat制作个人移动版服务器
文章目录 前言 一、准备工作 二、准备安装包 三、安装termux 四、termux安装Centos(废话太多了,开始真正的安装) 五、上传解压tomcat、jdk(建议在电脑上操…
1天前 -
微信小程序—组件通信—使用selectComponent获取组件实例
微信小程序—组件通信—使用selectComponent获取组件实例 子组件component wxml {{count}} js properties: { count:Numb…
移动开发 1天前 -
Uniapp小程序 时间段选择限制(开始时间 结束时间相互限制)
实现效果: 这里我使用的是uview2.0的DatetimePicker 选择器,实现开始时间与结束时间相互限制的效果,接下来简单看下实现的代码吧,首先看下选择器组件以及相关参数值…
1天前
