JavaScript 下载文件并保持原文件名称

JavaScript 下载文件并保持原文件名称<script>//获取文件名functionfileNameFromHeader(disposition){varresult=null;if(disposition&&/filename=.*/ig.test(disposition)){result=dispos…

大家好,又见面了,我是你们的朋友全栈君。

<script>
 // 获取文件名
    function fileNameFromHeader (disposition) {
        var result = null;
        if (disposition && /filename=.*/ig.test(disposition)) {
            result = disposition.match(/filename=.*/ig);
            return decodeURI(result[0].split('=')[1]);
        }
        return null;
        }
function downloads() {
   var url = '/down_excel';
   var xhr = new XMLHttpRequest();

   xhr.open('GET', url, true);        // 也可以使用POST方式,根据接口

   xhr.responseType = "blob";    // 返回类型blob

   // 定义请求完成的处理函数,请求前也可以增加加载框/禁用下载按钮逻辑

   xhr.onload = function () {

       // 请求完成

       if (this.status === 200) {

           // 返回200

           var blob = this.response
           var filenames = fileNameFromHeader(xhr.getResponseHeader('Content-Disposition'));
           var reader = new FileReader();

           reader.readAsDataURL(blob);    // 转换为base64,可以直接放入a表情href

           reader.onload = function (e) {

               // 转换完成,创建一个a标签用于下载

               var a = document.createElement('a');

               a.download = filenames.slice(1,filenames.length-1); //'data.xlsx';

               a.href = e.target.result;

               $("body").append(a);    // 修复firefox中无法触发click

               a.click();

               $(a).remove();

           }

       }

   };

   // 发送ajax请求

   xhr.send()

}
</script>

注:此代码只是个人根据当时的环境满足了当时的需求,记录下来用做后续参考!如有问题,请检查软硬件环境是否一致,由于时间精力有限,大部分未做详细环境描述。

版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请联系我们举报,一经查实,本站将立刻删除。

发布者:全栈程序员-站长,转载请注明出处:https://javaforall.net/134693.html原文链接:https://javaforall.net

(0)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • pycharm django环境搭建_挣钱项目

    pycharm django环境搭建_挣钱项目2021/2/2pycharm打开的界面有更新。1.找到setting先找到自定义(customize)然后再点击Allsettings进入界面2.下载django的解释器先点击python的解释器(pythoninterpreter)然后选择一个需要配置django解释器的python项目,也可以新创一个。选择好python项目之后,可以从package栏查看下载了哪些python包。然后,点击pip,查找django就可以下载django的python包。THAT‘

    2022年8月27日
    2
  • android原版开机动画,修改android开机动画

    android原版开机动画,修改android开机动画Thestatupanimationmeanstheoneyouseebeforethelauncherapplicationcomesout.Itwasalinewitharedpointgoesfromlefttorightagainandagainbefore,inAndroid1.0.Currently,oncupcak…

    2022年5月15日
    38
  • pycharm2021 激活码_在线激活

    (pycharm2021 激活码)本文适用于JetBrains家族所有ide,包括IntelliJidea,phpstorm,webstorm,pycharm,datagrip等。IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月20日
    85
  • 如何成为年薪50W的运维架构师?

    如何成为年薪50W的运维架构师?linux云计算工程师三大核心职能平台架构组建负责服务的搭建日常运营保障保证运维工作正常运转出现问题解决性能、效率优化运维工作效率的优化,devops运维自动化提升系统的性能90%服务器都是LinuxLinux免费(windows是付费的,我们用的都是盗版)Linux平台稳定Linux开源过程开发工程师(开发,bug修复,码农)—&gt;…

    2022年7月17日
    14
  • navivat 15在线激活码【中文破解版】

    (navivat 15在线激活码)最近有小伙伴私信我,问我这边有没有免费的intellijIdea的激活码,然后我将全栈君台教程分享给他了。激活成功之后他一直表示感谢,哈哈~IntelliJ2021最新激活注册码,破解教程可免费永久激活,亲测有效,下面是详细链接哦~https://javaforall.net/100143.html…

    2022年3月30日
    56
  • windows下怎么安装laravel框架

    windows下怎么安装laravel框架windows下怎么安装laravel框架

    2022年4月24日
    42

发表回复

您的邮箱地址不会被公开。 必填项已用 * 标注

关注全栈程序员社区公众号