前端文件下载

朱雀 2022-10-31 00:52 181阅读 0赞

先记录

function getFile(url, params) { 
        axios({ 
            method: 'get',
            url: suffix + url + '?' + QueryString.encode(params),
            responseType: 'arraybuffer',
            withCredentials: true,
        }).then(function (response) { 
            let name = _fileNameInContentDisposition(response);
            // console.log("返回结果", response, response.headers['content-type'], name);
            let blob = new Blob([response.data], { 
                type: response.headers['content-type']
            });
            let objectUrl = URL.createObjectURL(blob);
            _saveFile(objectUrl, name);
            window.URL.revokeObjectURL(blob);
        });
    
    }
    
    function _saveFile(objectUrl, name) { 
        let a = document.createElement('a');
        a.href = objectUrl
        a.download = name // 文件名 ，
        a.dispatchEvent(new MouseEvent('click', { 
            bubbles: true,
            cancelable: true,
            view: window
        }))
    }
    
    
    
    function _fileNameInContentDisposition(res) { 
        let des = res.headers['content-disposition'];
        let last = des.lastIndexOf("filename=");
        let fileName = des.slice(last).replace("filename=", "");
        // console.log("获取到文件名", fileName);
        return fileName;
    }

发表评论取消回复

表情：

评论列表（有 0 条评论，181人围观）

还没有评论，来说两句吧...

相关阅读

相关前端下载服务器文件

前端直接下载服务器文件函数 / 使用的插件 axios / downloadFile(src,name){ axios(

短命女/ 2023年01月16日 02:50/ 0 赞/ 130 阅读

相关前端做下载文件功能（三种方法）

1.一般媒体文件下载 downloadFile(url, filename) { //第二个参数是文件的名字，传参的时候要带上后缀 c

喜欢ヅ旅行/ 2023年01月10日 14:36/ 0 赞/ 175 阅读

相关前端下载excel文件等，项目纯前端实现文件下载

最简单的，有文件的地址，直接使用a标签实现下载（通用模板前端本地下载）： <a href="/user/test/xxxx.xls" download="文件名.xl

淡淡的烟草味﹌/ 2022年12月29日 02:28/ 0 赞/ 312 阅读

相关前端下载文件(blob流文件下载及修改下载文件名称)

项目中经常遇到文件下载需求，有时候后台返回的是一个blob流文件（就是看起来像是乱码的数据），这时就需要前端对文件进行处理，或展示，或下载。故这里简单实现一下blob流文件下载

一时失言乱红尘/ 2022年12月27日 14:03/ 0 赞/ 322 阅读

相关前端文件下载

先记录 function getFile(url, params) { axios({ method: 'get',

朱雀/ 2022年10月31日 00:52/ 0 赞/ 182 阅读

相关 django返回excel文件给前端下载

Django使用openpyxl返回excel文件给前端下载虚拟环境导入 pip install openpyxl views.py代码： imp

古城微笑少年丶/ 2022年08月28日 06:49/ 0 赞/ 226 阅读

相关前端js实现字符串/图片/excel文件下载

在`web`开发中，如果你想让用户下载或者导出一个文件，应该怎么做呢？传统的做法是在后端存储或者即时生成一个文件来提供下载功能，这样的优势是可以做权限控制、数据二次处理，

淩亂°似流年/ 2022年03月19日 14:16/ 0 赞/ 282 阅读

相关前端vue项目-关于下载文件pdf/excel

最近在做一些需求，需要下载一些文件信息，最频繁的就是下载excel文件到本地了看过了很多方法，做个整理吧哈哈哈哈参考的文章链接： [https://www.cnblo

心已赠人/ 2021年12月10日 20:23/ 0 赞/ 475 阅读

相关前端vue如何下载或者导出word文件和excel文件

前端用vue怎么接收并导出文件 > 1. window.location.href = "excel地址" > 1. 如果是 get 请求，那直接换成 window

雨点打透心脏的1/2处/ 2021年09月30日 09:44/ 0 赞/ 1230 阅读

相关前端文件下载

function download(url, filename) { return fetch(url).then(res => res.blob()

水深无声/ 2021年09月01日 01:38/ 0 赞/ 430 阅读