微信小程序文件的下载,保存与打开

本文介绍了如何在微信小程序中使用wx.downloadFile和wx.openDocument API下载文件,并解决因文件类型错误导致的iOS打开问题。重点在于正确设置fileType和处理下载与打开流程。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

这里涉及到的API:wx.downloadFile,wx.saveFile,wx.openDocument

相应的官方文档

这里需要注意的地方是:wx.openDocument的fileType文件类型需要写正确,否则微信小程序返回的文件类型是.exe类型,ios就会出现文件类型损坏,打不开文件。

下面是相应的代码:

let fileUrl = BASE_URL + '/api/manage/loadRoster?projectId=' + projectId
//fileUrl 指下载文件api
	wx.showLoading({
	title: ''
})				
	wx.downloadFile({
	  url: fileUrl,
	  success: (res) => {
		console.log(res)
	
		if (res.statusCode === 200) {
		  let filePath = res.tempFilePath
		  wx.saveFile({
			tempFilePath: filePath,
			success: (res1) => {
				const savedFilePath = res1.savedFilePath
	
				wx.hideLoading();
				this.toast('文件下载成功,打开中')
	
				wx.openDocument({
					filePath: savedFilePath,
					fileType: 'xlsx', //注意:文件为excell,类型为xlsx
					showMenu: true,
					success: (response) => {
	
					},
					fail: (err) => {
						console.log(err)
						this.toast('文件下载成功,打开失败,请手动打开')
					}
				})
				},
				fail: (err) => {
					this.toast('文件保存失败')
				}
			})
		} else {
				this.toast('文件下载失败')
			}
		},
	  fail: (err) => {
			this.toast('文件为空,下载失败')
	   }
	})

评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值