由于苹果手机限制,现在还不能实现浏览器下载问题,该方法只适用于安卓手机,已兼容 小米,oppo,华为等机型,暂无其他兼容性问题



const name = '文件'
// 这个方法在移动端已可以正常下载文件,在电脑端会自动打开一个页面,并不会下载
var a = document.createElement("a");
a.setAttribute("href", fileUrl);
a.setAttribute("target", "_blank");
let clickEvent = document.createEvent("MouseEvents");
clickEvent.initEvent("click", true, true);
a.dispatchEvent(clickEvent);

// 下面这个在移动端存在兼容性问题
// var xhr = new XMLHttpRequest();
// xhr.open('GET', state.pdfUrl, true);
// xhr.responseType = "blob"; //关键的一步
// xhr.onreadystatechange = function() {
// if (xhr.readyState == 4) {
// if (xhr.status == 200) {
// var blod = this.response;
// // 兼容IE
// if (!!window.ActiveXObject || "ActiveXObject" in window) {
// navigator.msSaveBlob(blod, filename)
// } else {
// // var src = URL.createObjectURL(blod);
// var eleLink = document.createElement("a");
// eleLink.download = filename;
// eleLink.href = URL.createObjectURL(blod);
// document.body.appendChild(eleLink);
// eleLink.click();
// URL.revokeObjectURL(eleLink.href)
// document.body.removeChild(eleLink)
// }
// }
// }
// };
// xhr.send()