首页 > 其他分享 >vue使用axios实现下载附件以及根据响应头content-disposition,拿到附件名称filename,实现下载功能

vue使用axios实现下载附件以及根据响应头content-disposition,拿到附件名称filename,实现下载功能

时间:2024-09-04 16:25:27浏览次数:9  
标签:axios const URL filename url 附件 response 下载

直接代码

export function download(url) {
    return downloadserviceIGO({
        url: url,
        method: 'get',
        responseType: 'blob',
        closeMsg: true,
        loadingText: true
    })
}  

/**
       * 批量下载附件
       */
       async download(row) {
          let url = `xxxurl`;// 请求地址
          let response = await download(url);
        
        console.log(response,'AAA')
        // 从响应对象中获取Content-Disposition  
        const contentDisposition = response.headers['content-disposition'];
        console.log(contentDisposition); // 打印Content-Disposition的值
    
        // 如果需要处理文件下载等,可以基于contentDisposition做进一步处理  
        // 示例:如果Content-Disposition中包含filename,可以提取出来  
        const matches = /"([^"]*)"/.exec(contentDisposition);  
        let filename;
        if (matches != null && matches[1]) {
              filename = matches[1];  
            console.log('文件名:', filename);  
            // 接下来可以基于filename处理文件下载等  
        }  

          const blob = new Blob([response.data]);
          // 创建一个指向该对象的URL 
          const href = URL.createObjectURL(blob,{ type: response.headers['Content-Type'] });// 创建新的URL表示指定的blob对象
          const a = document.createElement('a');// 创建a标签
          a.style.display = 'none';
          // 指定下载链接
          a.href = href;
          // 指定下载文件名
          a.setAttribute('download', filename);
          a.click();// 触发下载
          URL.revokeObjectURL(a.href);// 释放URL对象
      },

标签:axios,const,URL,filename,url,附件,response,下载
From: https://blog.csdn.net/m0_59157023/article/details/141893586

相关文章

  • stm32之外部flash下载算法
    文章目录下载算法下载到芯片的核心思想算法程序中擦除操作执行流程擦除操作大致流程:算法程序中编程操作执行流程算法程序中校验操作执行流程创建MDK下载算法通用流程第1步,使用MDK提供好的程序模板第2步,修改工程名第3步,修改使用的器件第4步,修改输出算法文件的名字第5步,......
  • uniapp 在APP端下载保存图片到根目录下文件夹内
    checkImageExist(){   uni.showLoading({       mask:true,   })   leturl='图片地址'   uni.getImageInfo({       src:url,       complete:function(image){           if(image.errMsg=='getImageInfo:ok'){......
  • BAidu快速收录系统模板在哪里下载?泛码网SEOa3。com
    在当今数字化时代,网站优化成为了企业提升在线可见性和吸引潜在客户的关键策略。百度作为中国最大的搜索引擎,其排名机制对网站流量有着决定性的影响。而百度快收程序模板程序,作为一种网站优化工具,正逐渐受到网站管理员和SEO专家的关注。本文将探讨百度快收程序模板程序的作用、......
  • 2024最新泛目录寄生虫程序怎么下载?泛码网SEOa3。com
    寄生虫网站程序:SEO黑帽技术的风险与挑战泛程序下载在搜索引擎优化(SEO)的领域中,寄生虫网站程序是一种常见的黑帽技术,它通过在已有的高权重网站上生成大量自动化内容,以提高特定关键词的搜索排名。然而,这种技术的使用伴随着诸多风险和挑战。寄生虫网站程序的作用泛码网SEOa3。co......
  • 字节开源 FLUX Dev 的 Haper SD Lora,只需要 8 步或者 16 步就可以用 FLUX 生成图片!
    2024年8月26日,字节开源了FLUXDev的HaperSDLora。只需要8步或者16步就可以用FLUX生成图片,大幅减少FLUX的生成时间。建议LoRA比例约为0.125,该比例可适应训练和指导,比例可保持在3.5。较低步骤的LoRA即将推出。大家可以点击下面文章链接,文章包含模型下载链......
  • 虚拟机下载安装 -> XP系统安装激活
    1.VMware软件1.微信公众号“软件管家”的电脑系统,下载安装VMware软件;2.新建虚拟机,导入XP系统的镜像文件,不输入产品密钥。2.windowsxp系统激活1. win+r,输入regedit,打开注册表;2.Hkey_Local_Machine\Software\Microsoft\WindowsNT\CurrentVersion\WPAEvents\ 目录下;3......
  • Meta Llama模型下载量突破3.5亿次
    ......
  • 最新最详细的Project软件百度云下载 附图文教程
    总的来说,MicrosoftProject是一款专业的项目管理软件,它的核心作用在于协助团队高效创建和管理项目计划。目前常用的版本有project2010、project2016、project2019及project2021。通过精准的控制和分析,Project帮助项目经理监控项目进度、成本,预测可能的风险,并通过甘特图的......
  • 【精选报告】人工智能大语言模型发展技术研究2024(附PDF下载)
    前言2024年的《人工智能大语言模型技术发展研究报告》深入分析了大语言模型的技术进展、应用现状,并对其在多模态数据处理、自适应学习能力、可解释性算法、垂直行业定制及隐私保护等方面的未来发展趋势进行了展望。第一章大语言模型发展基石(一)软硬协同持续推动大模型能力提升(二)数......
  • 黑神话:悟空 —— 风灵月影修改器:物品数量调整及下载安装使用全教程
    一、下载与安装1.下载修改器获取途径:玩家可以通过奇游加速工具等辅助软件,一键直达“风灵月影”的官方网站,下载专为《黑神话:悟空》设计的修改器版本。此外,也可以从其他可信的第三方网站下载。注意事项:确保下载来源可靠,避免下载到带有恶意软件的版本。2.安装修改器解压文件......