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合法域名

猜你喜欢

转载自blog.csdn.net/m0_55258023/article/details/126826923