zl程序教程

您现在的位置是:首页 >  前端

当前栏目

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

JavaScript文件下载 保持 文件名称
2023-06-13 09:12:01 时间

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

<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.cn/134693.html原文链接:https://javaforall.cn