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)
全栈程序员-站长的头像全栈程序员-站长


相关推荐

  • Charles打断点修改请求数据&响应数据

    Charles打断点修改请求数据&响应数据

    2021年7月13日
    298
  • Vue、Element-ui项目中如何使用Iconfont(阿里图标库)[通俗易懂]

    Vue、Element-ui项目中如何使用Iconfont(阿里图标库)[通俗易懂]我们使用element-ui、vue开发网站的时候,往往图标是起着很重要的作用。2018-11-9更新1.傻瓜式引用:由于这种方法及其简单省去了很多繁琐的步骤,a.引入项目生成的,图标地址。b.使用推荐使用这种,详情请看文档!!文档够详细的了。http://www.iconfont.cn/help/detail?spm=a313x.7781069.1998910419.d8cf4…

    2022年4月20日
    91
  • 解决Generic Host Process for Win32 Services错误的问题

    解决Generic Host Process for Win32 Services错误的问题解决GenericHostProcessforWin32Services错误的问题,这个错误一般有三种情况。第1种情况。开机后会提示GenericHostProcessforWin32Services遇到问题需要关闭”“RemoteRrocedureCall(RPC)服务意外终止,然后就自动重起电脑。一般该病毒会在注册表HKEY_LOCAL_M…

    2022年10月12日
    1
  • symbian软件下载_手机系统更新软件

    symbian软件下载_手机系统更新软件编辑器加载中…常见软件类型  .sis和.sisx  分别的是第一、二版和第三版、第五版标准的SymbianOS操作系统唯一的可执行安装的安装文件,直接传入手机安装即可。  .app  一般来说*.app文件是某个软件的激活成功教程补丁文件,就是可以将未注册的软件变成已注册软件的文件。一般使用app激活成功教程的方法:利用文件管理程序(如文件动力)将某个软件一同带的*.app文件通过…

    2022年9月24日
    2
  • C#MQTTNET客户端使用说明

    C#MQTTNET客户端使用说明C#MQTTNET客户端使用说明1.如何使用1.我想启动MQTT客户端,我该怎么做?2.我想收到服务器发来消息,我该怎么做?3.我想知道客户端是否连接成功,我该怎么做?3.我想知道怎样重连服务器,我该怎么做?1.如何使用1.我想启动MQTT客户端,我该怎么做?try{IMqttClientclient=newMqttFactory().CreateMqttClient();varbuild=newMqttClientOptionsBuilder()//配

    2022年6月25日
    66
  • 逆向 Framework.jar

    逆向 Framework.jar

    2021年12月15日
    45

发表回复

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

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