uniapp 微信小程序预览文件(可以预览用户协议等)

  需求就是做一个用户协议的页面

因为用户协议涉及到要改,并且用户协议的文字还很多

无论是从后端传数据还是前端写死用户协议,都不太好

因此,我们就选中把用户协议放在阿里云,然后用户可以去预览协议

代码还是很简单的,不涉及很难的东西

html

 点击用户协议的时候,触发点击事件

点击触发函数代码在这里

previewFile() {
				


				// 单次下载允许的最大文件为 200MB
				wx.downloadFile({
					url: 'url', // 自己换个其他的地址("https://www.xxxxx.com/file/用户协议.pdf")
					success: function(res) {
						console.log(res, "wx.downloadFile success res")
						if (res.statusCode != 200) {
							return false
						}
						var Path = res.tempFilePath //返回的文件临时地址,用于后面打开本地预览所用
						wx.openDocument({
							filePath: Path,
                            fileType:'docx',
							showMenu: true,
							success: function(res) {
								console.log('打开成功');
								// util.hideLoading()
							}
						})
					},
					fail: function(err) {
						console.log(err, "wx.downloadFile fail err");
						// util.hideLoadingWithErrorTips()
					}
				})

			},

注意文件的大小,但是一个用户协议,并不会很大

还有就是,使用的时候要记得去换地址

自己换个羡慕中的地址("https://www.xxxxx.com/file/用户协议.pdf")

注意,我的文件是docx  你要去配置自己文件的类型

还要配置downloadFile合法域名

评论 1
成就一亿技术人!
拼手气红包6.0元
还能输入1000个字符
 
红包 添加红包
表情包 插入表情
 条评论被折叠 查看
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值