首页 > 其他分享 >js 通过链接下载文件

js 通过链接下载文件

时间:2024-10-18 14:32:59浏览次数:5  
标签:文件 const url filename download js 链接 下载

通过url单文件下载, 并且解决a.download修改文件名不生效问题  

/**
 * 通过url单文件下载, 并且解决a.download修改文件名不生效问题
 * @param {String} url 文件url
 * @param {String} filename 文件自定义名称
 * @returns Promise
 */

export function downloadFileByUrl(url, filename) {
    const x = new XMLHttpRequest()
    x.open('GET', url, true)
    x.responseType = 'blob'
    x.onload = () => {
        const url = window.URL.createObjectURL(x.response)
        const a = document.createElement('a')
        a.href = url
        a.target = '_blank'
        if (filename) {
            a.download = filename
        }
        a.click()
        a.remove()
    }
    x.send()
}

 

标签:文件,const,url,filename,download,js,链接,下载
From: https://www.cnblogs.com/hong1/p/18474244

相关文章

  • Nuxt.js 应用中的 app:templates 事件钩子详解
    title:Nuxt.js应用中的app:templates事件钩子详解date:2024/10/18updated:2024/10/18author:cmdragonexcerpt:app:templates是Nuxt.js中一个强大的生命周期钩子,它在NuxtApp生成过程中调用。这一钩子允许开发者自定义、修改或添加新文件到构建目录,提供了极大的......
  • 通过github创建自己网页链接的方法
    文章目录要使用GitHub创建静态网页链接,可以按照以下详细步骤进行操作:一、准备阶段二、创建仓库并配置三、准备并上传静态网站文件四、配置GitHubPages五、访问和更新你的静态网页要使用GitHub创建静态网页链接,可以按照以下详细步骤进行操作:一、准备阶段注册GitHu......
  • Spacy之下载和使用
    下载并使用spacy正常下载和使用参考这个:安装spaCy(最简单的教程)_spacy安装-CSDN博客如果不成功以下提供一种玄学的方法:环境使用anaconda环境,在这个环境下开一个.py文件,写一行importspacy会有波浪线提示你直接下载,点击下载即可。然后在下面打开终端,选择commonprompt,acti......
  • 根据json转idea 自带Http Client脚本
    importcom.fasterxml.jackson.databind.JsonNode;importcom.fasterxml.jackson.databind.ObjectMapper;publicclassApiDocConverter{publicstaticvoidmain(String[]args)throwsException{Stringjson="{\n"+&quo......
  • 嵌入式Linux编程基础 | GCC 静、动态函数库的创建与链接方法
    一、静态库与动态库的区别库有动态与静态两种,动态通常用.so为后缀,静态用.a为后缀。例如:libhello.so表示一个命名为libhello的动态库,libhello.a则是一个命名为libhello的静态库。当使用静态库时,连接器找出程序所需的函数,并将其拷贝到可执行文件,一旦链接成功,静态程序库......
  • 【软件资料】数据库设计规范,数据库设计说明书,数据库设计规范,数据库文档(Word资料下载)
     1编写目的2数据库策略2.1数据库对象长度策略2.2数据完整性策略2.3规范化设计与性能之间的权衡策略2.4字段类型的定义与使用策略3命名规范3.1数据库命名规则3.2数据库对象命名的一般原则3.3表空间(Tablespace)命名规则3.4表(Table)命名规则3.5字段命......
  • 基于Node.js+vue核酸检测管理系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于核酸检测管理系统的研究,现有研究主要以核酸检测技术本身为主,如检测准确性、检测速度等方面的研究。专门针对核酸检测管理系统的全面研究较少。在国......
  • 基于Node.js+vue防疫监测系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于防疫监测系统的研究,现有研究主要集中在宏观层面的疫情数据统计与分析,专门针对包含小区信息、用户以及防疫信息等多方面综合防疫监测系统的研究较少......
  • 基于Node.js+vue高校课堂考勤管理系统(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景关于高校课堂管理的研究,现有研究主要以教学方法改进、课程设置优化为主,专门针对课堂考勤管理系统的研究较少。在高校的日常教学管理中,考勤管理是确保教......
  • 基于Node.js+vue湖北恩施地方特色文化网(开题+程序+论文) 计算机毕业设计
    本系统(程序+源码+数据库+调试部署+开发环境)带文档lw万字以上,文末可获取源码系统程序文件列表开题报告内容一、选题背景随着互联网的发展,地方文化的传播与推广有了新的平台和机遇。关于地方特色文化的研究,现有研究主要以宏观的地域文化或者知名旅游城市文化为主1。专门针对......