如果遇到 uni-app 下载文件后缀为.bin格式问题

最新推荐文章于 2024-03-22 14:20:48 发布

原创最新推荐文章于 2024-03-22 14:20:48 发布 · 6.3k 阅读

4 ·

CC 4.0 BY-SA版权

文章标签：

#uni-app #前端 #小程序

本文讲述了如何在uni-app中处理后台不带后缀的文件URL，通过设置content-type来修复下载和预览问题，提供相关代码示例。

问题描述

使用uni-app 下载并预览文件功能，但是因为后台提供的地址是
http://10.121.2.215:8041/×××/×××/1479324207283898626 而不是带.jpg/.docx/.pdf等带后缀那种

1、导致下载的文件后缀名是 .bin 格式
2、预览失败（打不开）或者下载也没办法正常打开

在这里插入图片描述

根本的原因是

在这里插入图片描述就是因为后端需要在 content-type里面没填写返回文件类型导致的，设置了以后就可以正常下载预览了

最后附上代码

uni.downloadFile({
	url: url,
	success: function(res) {
		let filepathss = res.tempFilePath
		uni.saveFile({
			tempFilePath: filepathss,
			success: (r) => {
				uni.showModal({
					title: '提示',
					content: '文件已保存：' + r.savedFilePath,
					cancelText: '我知道了',
					confirmText: '打开文件',
					success: function (res) {
						if (res.confirm) {
							uni.openDocument({
								filePath: r.savedFilePath,
								success: (sus) => {
									console.log('成功打开');
								}
							})
						}
					}
				});
			}
		})
		
	},
	fail: function(res) {
		uni.hideLoading()
		console.log(res); //失败
	}
});