现象
在工作中遇到了一个需求,在app中需要对一些协议(pdf格式的)进行下载,实现方法创建a标签,设置href的值为下载地址,设置download属性,调用a标签的点击事件进行下载,在Android手机中是调起默认浏览器的下载功能(正常现象,可以实现功能),但是在ios手机中是直接进行文件的有预览.无法下载**,查阅相关资料发现:IOS下载跳转到浏览器的行为是不支持的,**
包括使用babol转成二进制文件流也是一样的,在ios手机中无法下载
//使用axios直接请求pdf完整路径
axios({
method: 'get',
url: 'pdf文件.pdf',
responseType: 'blob'
}).then((res) => {
this.downloadFile(res.data, "文件", ".pdf");
})
/**
*
* @param {*} obj 文件流
* @param {*} name 文件名
* @param {*} suffix 后缀
*/
downloadFile(obj, name, suffix) {
const url = window.URL.createObjectURL(new Blob([obj]));
const link = document.createElement("a");
link.style.display = "none";
link.href = url;
const fileName = parseTime(new Date()) + "-" + name + "." + suffix;
link.setAttribute("download", fileName);
document.body.appendChild(link);
link.click();
document.body.removeChild(link);
}
后来修改方案,改成在ios预览,给出提示框进行协议生产地址的复制功能粘贴到浏览器中及逆行保存到手机,在Android手机下载