uniApp PC,H5 下载文件流文件

该文章详细介绍了在Vue应用中,利用uni-app框架的uni.downloadFile方法处理文件流进行下载,并通过触发a标签模拟点击实现下载的功能。当下载成功时,会显示提示信息,失败则展示错误提示。

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

					<view class="name" @click="onDownload(item)">
						{{item.name}}
					</view>

首先请求文件流

			onDownload(media) {
				uni.downloadFile({
					//只能是GET请求
					url: constants.VUE_APP_API + constants.AVATAR_NAME + media.uuid, //请求地址
					success: res => {
						//下载成功
						if (res.statusCode === 200) {
							let filePath = res.tempFilePath;
							this.download(filePath, media.name)
							uni.showToast({
								title: `文件下载成功`,
								icon: 'none'
							});
						}
					},
					fail: e => {
						uni.showToast({
							title: `文件下载失败` + e,
							icon: 'none'
						});
					}
				});
			},

创建a标签 下载文件

			download(href, title) {
				const a = document.createElement('a');
				a.setAttribute('href', href);
				a.setAttribute('download', title);
				a.click();
			},

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值