zoukankan      html  css  js  c++  java
  • formData文件下载

    //创建内存中的表单对象

    var form = new FormData();
    //向其中添加要传输的数据
    form.append("参数名", 参数值);
     
    axios.post(downloadUrl, form
    , { responseType: 'blob'
    }).then(res => {
       let blob = res.data 
       let reader = new FileReader()
       reader.readAsDataURL(blob)
       reader.onload = (e) => {
       let a = document.createElement('a')
       a.download = '文件名'
       a.href = e.target.result
       document.body.appendChild(a)
       a.click()
       document.body.removeChild(a) }
    })
     
     
     
     
    //////////////////////////////////////////////////////////////////////////////////////////////////第二种写法
     this.httpclient.request('POST', url, {
                responseType: 'blob',
                params: new HttpParams({
                    fromObject: requestParam //传入的参数对象
                }),
                body: requestParam
            }).toPromise().then((val) => {
                //   从后台查询到数据后进行导出最后的操作
                const blob = new Blob([val], { type: 'application/vnd.ms-excel' });
                const fileName = curFileName + '.xls';
                if (window.navigator.msSaveOrOpenBlob) {// For IE浏览器
                    navigator.msSaveBlob(blob, fileName);
                } else { // For 其他浏览器
                    const objectUrl = URL.createObjectURL(blob);
                    const a = document.createElement('a');
                    document.body.appendChild(a);
                    a.setAttribute('style', 'display:none');
                    a.setAttribute('href', objectUrl);
                    a.setAttribute('download', fileName);
                    a.click();
                    URL.revokeObjectURL(objectUrl);
                }
            } 
  • 相关阅读:
    [SQL Server]分页功能的实现
    [Others]每个文件夹都具有的特殊文件夹
    [ASP.NET]使页面的大小适合打印尺寸
    [SQL Server]树形结构的创建
    [ASP.NET]获取用户控件对象的引用
    [SQL Server]关于15517号错误的一点想法
    [SQL Server]创建自定义聚合函数值得注意的问题
    Java开源BI商业智能工具
    电子商务网站搜索架构方案
    产品经理如何培养对市场的敏感度和洞察力?
  • 原文地址:https://www.cnblogs.com/cs122/p/9665043.html
Copyright © 2011-2022 走看看