【下载文件】uniapp开发小程序，下载文件并保存到本地

一、效果图如下：

实现效果：点击文件附件，下载到本地

二、具体代码：

<view class="contact" @click="downloadFun(item.enclosure)">点击下载</view>

	// 下载附件
	downloadFun(enclosure){
    
		var that = this
		console.log('打印文件路径：',that.hostUrl + '/uploads'+ enclosure)
		uni.downloadFile({
    
			url: that.hostUrl + '/uploads'+ enclosure,//下载地址接口返回
			success: (data) => {
    
				console.log('打印data',data)
				if (data.statusCode === 200) {
    
					//文件保存到本地
					uni.saveFile({
    
						tempFilePath: data.tempFilePath, //临时路径
							success: function(res) {
    
								uni.showToast({
    
									icon: 'none',
									mask: true,
									// title: '文件已保存：' + res.savedFilePath, //保存路径
									title: '文件下载成功' , 
									duration: 3000,
							});
							setTimeout(() => {
    
								//打开文档查看
								uni.openDocument({
    
									filePath: res.savedFilePath,
										success: function(res) {
    
											// console.log('打开文档成功');
										}
									});
								}, 3000)
							}
				});
			}
		},
		fail: (err) => {
    
			console.log(err);
				uni.showToast({
    
						icon: 'none',
						mask: true,
						title: '文件下载失败',
				});
			},
		});
},

ending~