vue 连接地址下载 PDF

偏执的太偏执、 2022-09-02 05:19 172阅读 0赞

href 是地址

//   if(appConfigs.urlWebHttp!=""){
              //  const link = document.createElement("a"); //我们用模拟q标签点击事件
              //   const fileName = "凭证.pdf"; //下载文件的名字
              //   link.href = appConfigs.urlWebHttp + data;
              //   link.setAttribute("download", fileName);
              //   document.body.appendChild(link);
              //   link.click(); //点击
              //   document.body.removeChild(link); // 下载完成移除元素
              //   }

let link = document.createElement('a')
                            let url = appConfigs.downPdfUrl + data;  //地址
                            // 这里是将url转成blob地址，
                            fetch(url)
                                .then((res) => res.blob())
                                .then((blob) => {
                                    // 将链接地址字符内容转变成blob地址
                                    
                                    link.href = URL.createObjectURL(blob);
                                    console.log(link.href);
                                    link.download = "";
                                    document.body.appendChild(link);
                                    link.click();
                                });

// const content = data
              // const blob = new Blob([content])
              // const fileName = '下载凭证.pdf'
              // if ('download' in document.createElement('a')) { // 非IE下载
              //   const elink = document.createElement('a')
              //   elink.download = fileName
              //   elink.style.display = 'none'
              //   // elink.href = URL.createObjectURL(blob)
              //   elink.href = "http://devzhywlcckshxt.zhiscity.com" + data;
              //   document.body.appendChild(elink)
              //   elink.click()
              //   URL.revokeObjectURL(elink.href) // 释放URL 对象
              //   document.body.removeChild(elink)
              // } else { // IE10+下载
              //   navigator.msSaveBlob(blob, fileName)
              // }