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

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

小程序预览的前提需要先调用下载接口,下方代码未处理下载和预览失败事件哟,此处我使用的是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)
					}
				})
			},

你可能感兴趣的:(小程序,小程序预览,小程序文件预览失败,真机调试,小程序下载文档,小程序文档预览)