首页 > 其他分享 >JS使用a标签下载文件

JS使用a标签下载文件

时间:2023-10-01 16:57:41浏览次数:43  
标签:标签 downloadLink JS let blob document xmlResquest 下载

Dowload(url, fileName) {
      let xmlResquest = new XMLHttpRequest();
      xmlResquest.open('GET', url, true);
      xmlResquest.setRequestHeader('Content-type', 'application/json');
      xmlResquest.setRequestHeader(
        'Authorization',
        this.$store.getters.getToken()
      );

      xmlResquest.responseType = 'blob';
      xmlResquest.onload = function (oEvent) {
        if (xmlResquest.status != 200) {
          this.$message({
            type: 'error',
            message: '下载文件出错了..'
          });
          return;
        }

        const downloadLink = document.createElement('a');
        let content = xmlResquest.response;
        let blob = new Blob([content]);
        downloadLink.href = URL.createObjectURL(blob);;
        downloadLink.setAttribute('download', fileName);
        document.body.appendChild(downloadLink);
        downloadLink.click();
        document.body.removeChild(downloadLink);
      };
      xmlResquest.send();
    }

 

标签:标签,downloadLink,JS,let,blob,document,xmlResquest,下载
From: https://www.cnblogs.com/tangchun/p/17738981.html

相关文章

  • 下载井字游戏
    在这个IntelliJ项目中,你需要下载井字游戏代码,并完成这个项目! 为了确保正确导入代码,必须遵守这些说明。我们开始吧!1.下载井字游戏代码这个井字游戏项目的所有代码都在 javagithub仓库(点击此处)中。Github为我们提供了一个在线存储程序的地方,这样就可以共享和编辑代码。如......
  • [js] 图解 event.pageX event.clientX event.offsetX getBoundingClientRect
    event.clientX、event.clientY鼠标相对于浏览器窗口可视区域的X,Y坐标(窗口坐标),可视区域不包括工具栏和滚动条。IE事件和标准事件都定义了这2个属性event.pageX、event.pageY类似于event.clientX、event.clientY,但它们使用的是文档坐标而非窗口坐标。这2个属性不是标准属性,但得到了......
  • 02_nodejs开发环境安装
    02【nodejs开发环境安装】1.版本介绍在命令窗口中输入node-v可以查看版本0.x完全不技术ES64.x部分支持ES6特性5.x部分支持ES6特性(比4.x多些),属于过渡产品,现在来说应该没有什么理由去用这个了6.x支持98%的ES6特性8.x支持ES6特性2.Node.js运行环境配置:通过Node.js......
  • After_Effects_2023_23.6.0.62图文安装教程及下载
    After_Effects_2023_23.6.0.62图文安装教程及下载AdobeAfterEffects2023_23.6.0.62(爱国版、一键式安装、永久使用)简称“AE”是Adobe公司推出的一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。最近一次更......
  • After_Effects_2023_23.5.0.52_ACR15.4图文安装教程及下载
     AdobeAfterEffects(爱国版、一键式安装、永久使用)简称“AE”是Adobe公司推出的一款图形视频处理软件,适用于从事设计和视频特技的机构,包括电视台、动画制作公司、个人后期制作工作室以及多媒体工作室。AdobeAfterEffects软件可以帮助您高效且精确地创建无数种引人注目的动态......
  • 大华城市安防监控系统平台管理 attachment_downloadByUrlAtt.action 任意文件下载漏洞
    漏洞简介大华城市安防监控系统平台管理存在任意文件下载漏洞,攻击者通过漏洞可以下载服务器上的任意文件漏洞复现fofa语法:app="dahua-DSS"登录页面如下:POC:/portal/attachment_downloadByUrlAtt.action?filePath=file:///etc/passwdnuclei批量yaml文件id:dahua_DSS_attach......
  • 03_nodjs_npm的使用
    03【npm的使用】1.包和npm1.1什么是包由于Node是一套轻内核的平台,虽然提供了一系列的内置模块,但是不足以满足开发者的需求,于是乎出现了包(package)的概念:与核心模块类似,就是将一些预先设计好的功能或者说API封装到一个文件夹,提供给开发者使用。Node本身并没有太多的功能性AP......
  • 01_nodejs简介
    01【nodejs简介】1.前言Node的重要性已经不言而喻,很多互联网公司都已经有大量的高性能系统运行在Node之上。Node凭借其单线程、异步等举措实现了极高的性能基准。此外,目前最为流行的Web开发模式是前后端分离的形式,即前端开发者与后端开发者在自己喜欢的IDE上独立进行开发,......
  • 使用onblur属性让input标签保持焦点
    做一个类似命令行的功能,输入用input标签,得保持焦点,弄了半天才成功思路如下:在input标签内使用属性onblur(失去焦点时触发代码)onblur触发javascript的focus函数,找回焦点实际操作:在你想保持焦点的input标签上加上:onblur="this.focus();console.log('refocus!')"如这样:......
  • VScode中下载了插件但是无法找到SSH Target连接服务器的解决方法(CANNOT find SSH Targ
    VSCode版本vscodeversion:(version1.82)已下载扩展installedextensions:Remote-SSHv0.106.4Remote-SSH:EditingConfigurationFilesv0.86.0RemoteDevelopmentv0.24.0WSLv0.81.3几天前我从pycharm转战vscode,在连接服务器时遇到了一些问题。根据一些较为古早的......