移动端浏览器实现文件下载

时间:2024-02-19 20:20:53

由于苹果手机限制,现在还不能实现浏览器下载问题,该方法只适用于安卓手机,已兼容 小米,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()