直接上代码,首先,请求时加一个 responseType 属性 本接口使用axios为例
export const gethpspfile = (data) => {
return axios.request({
url: URL_BASE + '/business/hpsp/hpysspcontroller/gethpspfile',
method: 'POST',
responseType: 'arraybuffer', // 这里加添
// responseType: 'blob',
data
});
};
在就是掉请求下载文件 这里使用 try catch 是因为返回的是一个文件流 axios给拦截了
// 下载附件
async download(item) {
uni.showLoading({ title: '下载中' });
try {
let res = await gethpspfile({ RECORDID: item.RECORDID });
} catch (error) {
let type = '';
// 下载的文件类型格式
if (item.FILETYPE == 'doc') {
type = 'data:application/msword;base64,';
} else if (item.FILETYPE == 'pdf') {
type = 'data:application/pdf;base64,';
}
//arrayBufferToBase64转换为Base64
let url = type + uni.arrayBufferToBase64(error);
// 创建a标签下载
let link = document.createElement('a');
link.style.display = 'none';
link.href = url;
link.setAttribute('download', '下载文件名称');
document.body.appendChild(link);
link.click();
uni.hideLoading();
}
}
base64对应的文件类型
txt | data:text/plain;base64, |
doc | data:application/msword;base64, |
docx | data:application/vnd.openxmlformats-officedocument.wordprocessingml.document;base64, |
xls | data:application/vnd.ms-excel;base64, |
xlsx | data:application/vnd.openxmlformats-officedocument.spreadsheetml.sheet;base64, |
data:application/pdf;base64, | |
pptx | data:application/vnd.openxmlformats-officedocument.presentationml.presentation;base64, |
ppt | data:application/vnd.ms-powerpoint;base64, |
png | data:image/png;base64, |
jpg | data:image/jpeg;base64, |
gif | data:image/gif;base64, |
svg | data:image/svg+xml;base64, |
ico | data:image/x-icon;base64, |
bmp | data:image/bmp;base64, |