js 实现文件下载/文件导出。

前端开发 作者: 2024-08-21 02:30:01
1. POST方式进行文件导出; // url 下载URL // fileName 下载文件名称 function exportFile(url, fileName) { let xhr = new
  // url 下载URL
   fileName 下载文件名称
  function exportFile(url,fileName) {
    let xhr = new XMLHttpRequest();
    xhr.open("POST",url);
    xhr.responseType = "blob";
    xhr.onload = () => {
      let ctx = xhr.response;
      let blob =  Blob([ctx]);
      if ("msSaveOrOpenBlob" in navigator) {兼容IE
        window.navigator.msSaveOrOpenBlob(blob,fileName);
      } else {
        let aLink = document.createElement("a");
        aLink.download = fileName;
        aLink.style.display = "none";
        aLink.href = URL.createObjectURL(blob);
        document.body.appendChild(aLink);
        aLink.click();
        document.body.removeChild(aLink);
      }
    };
    xhr.send();
  }
class ExportEvent {
      constructor( private http:HttpClient ){}
         url 下载URL
         fileName 下载文件名称
      exportFile(url,fileName){
            this.http.request("POST",url,{},{responseType:"blob"}).pipe()
       .subscribe( (res)
=>{ let blob = Blob([res]); window.navigator.msSaveOrOpenBlob(blob,fileName); } { let aLink = document.createElement("a"); aLink.download = fileName; aLink.style.display = "none"; aLink.href = URL.createObjectURL(blob); document.body.appendChild(aLink); aLink.click(); document.body.removeChild(aLink); } },(error)=>{ let reader = FileReader(); reader.onload = (e)=>{ if(e && e["target"]){ let errorMsg = JSON.parse(e["target"]["result"]); if(errorMsg && errorMsg["code"]){ console.log("有报错,出错了。。。。。"); } } } error.error的值是一个Blob对象 reader.readAsText(error.error); }
       ); } }
 url 下载路径
window.location = url;
原创声明
本站部分文章基于互联网的整理,我们会把真正“有用/优质”的文章整理提供给各位开发者。本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。
本文链接:http://www.jiecseo.com/news/show_65850.html