uniapp开发微信小程序-下载文件、预览文件

4,319 阅读1分钟

一、下载文件

  • 首先调用uni.downloadFile下载文件资源到本地
  • 下载成功后res.tempFilePath为文件资源临时路径
  • 调用uni.saveFile保存文件到本地
  • 保存文件到本地成功后,resData.savedFilePath为文件本机保存路径,可依照业务场景按需处理
// 下载
download(obj) {
	console.log('点击下载');
	uni.downloadFile({
		url: '文件下载地址',  
		success: response => {
			if (response.statusCode === 200) {
				uni.saveFile({
					tempFilePath: response.tempFilePath,
					success: (resData) => {
                                                console.log('保存路径',resData.savedFilePath)
						uni.showToast({
							title: '下载成功'
						})
					},
					fail: error => {
						console.log('error: ', error)
					}
				})
			}
		}
	})
},

二、预览文件

  • 首先调用uni.downloadFile下载文件资源到本地
  • 下载成功后res.tempFilePath为文件资源临时路径
  • 调用uni.openDocument新开页面打开文档,支持格式:doc, xls, ppt, pdf, docx, xlsx, pptx
  • showMenu属性控制右上角是否有分享按钮
policyPreview(){
	uni.downloadFile({
		url: '文件下载地址',
		success: function(res) {
			console.log('下载文件', res.tempFilePath);
			var filePath = res.tempFilePath;
			uni.openDocument({
				filePath: filePath,
				showMenu: true,
				success: function(res) {
					console.log('打开文档成功');
				}
			});
		},
		fail: (err) => {
			console.error('下载错误', err);
		}
	});
}