首页 > 其他分享 >使用axios下载文件

使用axios下载文件

时间:2023-04-27 09:11:57浏览次数:31  
标签:文件 axios url fileName fileLink 下载

使用axios下载文件

/**
 * 下载文件
 * @param {string} url 下载地址
 * @param {string} fileName 文件名,例:1.png
 */
export function download(url, fileName) {
    axios({
        url: url,
        method: 'GET',
        responseType: 'blob',
    }).then((response) => {
        let fileURL = window.URL.createObjectURL(new Blob([response.data]));
        let fileLink = document.createElement('a');

        fileLink.href = fileURL;
        fileLink.setAttribute('download', fileName);
        document.body.appendChild(fileLink);

        fileLink.click();
    });
}

标签:文件,axios,url,fileName,fileLink,下载
From: https://www.cnblogs.com/tn666/p/17357948.html

相关文章

  • mvn命令上传分步上传jar和pom文件
    1、首先在setting.xml文件<server>配置id和用户名、密码 假如id:snapshot 2、上传pom。文件mvndeploy:deploy-file-Dfile=XX-0.0.5-SNAPSHOT.pom-DgroupId=com.XX-DartifactId=XX-Dversion=0.0.5-SNAPSHOT-Dpackaging=pom-DrepositoryId=snapshot-Durl=http://n......
  • EBS: APP-PER-50022: ORACLE 人力资源管理系统无法检索用户类型配置文件选项的值
    在PO模块设置的人员,点击“人员”功能菜单时,提示: APP-PER-50022。。。。。的错误。路径:PO》》设置》》人员。APP-PER-50022:ORACLE人力资源管理系统无法检索用户类型配置文件选项的值。请确保为您的责任正确设置此值。尝试解决方式(失败了):  PROFILE |     ......
  • 使用youtube-dl和yt-dlp下载视频!
    导语我们在某网站上观看视频时,经常会碰到以下的尴尬情况,不是被删了就是被设为私有了,十分烦人.其实我们可以通过youtube-dl和yt-dlp将Youxxbe上的视频下载到自己电脑上,以防万一.本文将介绍如何使用这两款工具下载视频.youtube-dl由于版权问题,youtube-dl的下载速度......
  • 文件编程(一)
    1.文件编程概述 apiopen read/write lseek close2.文件打开和创建#include<sys/types.h>#include<sys/stat.h>#include<fcntl.h>intopen(constchar*pathname,intflags)intopen(constchar*pathname,intflags,mode_tmode)intcreat(constch......
  • How to use axios.js instead of request.js to get data as a buffer All In One
    Howtouseaxios.jsinsteadofrequest.jstogetdataasabufferAllInOne如何使用axios.js代替request.js获取数据作为缓冲区questionconstfs=require("fs");varpath=require("path");const{exit}=require("process");//requ......
  • SpringMcv 文件上传下载
    文件上传SpringMVC为文件上传提供了直接的支持,这种支持是通过即插即用的MultipartResolver实现的。Spring用JakartaCommonsFileUpload技术实现了一个MultipartResolver实现类:CommonsMultipartResovlerSpringMVC上下文中默认没有装配MultipartResovler,因此默认情况......
  • 数据存储与访问——文件存储读写
    本节给大家介绍的是Android数据存储与访问方式中的一个——文件存储与读写,当然除了这种方式外,我们可以存到SharedPreference,数据库,或者Application中。1.Android文件的操作模式学过Java的同学都知道,我们新建文件,然后就可以写入数据了,但是Android却不一样,因为Android是基于Linux的,我......
  • 如何在博客园快速上传Markdown文件
    如何在博客园快速上传Markdown文件1、首先拥有书写MarkDown文件的工具:例如:Typora(博主推荐使用)MarkdownPadBookPad小书匠VisualStudioCode等等下载Typora的地址(自取):MarkDown软件https://www.aliyundrive.com/s/vnBazjXLdkr提取码:tx58点击链接保存,或者复制本段内......
  • 阿里oss自定义域名从默认的预览改成下载
    阿里oss自定义域名从默认的预览改成下载今天测试人员反馈,说oss绑定的自定义域名,在电脑端的QQ浏览器打开的excel文件,打开显示黑屏,而不是下载。微软的Edge浏览器还算正常点,QQ浏览器直接黑屏。如下图:(1)Edge浏览器: (2)QQ浏览器: 以前我试过把已经上传到oss的图片,批量地从......
  • 在linux中如何读取使用tcpdump命令抓取保存的tcpdump capture file类型的数据文件
    笔者在之前的文章中,说明了如何在linux使用tcpdump命令进行抓包,以及将抓包结果保存到文件具体操作,可以参考:https://www.cnblogs.com/5201351/p/17357444.html如果是使用tcpdump命令,-wxxxxxx.dump这种方式保存的文件,我们可以通过file命令发现其文件类型[root@localhostqq-52......