美文网首页vue
axios 下载文件(自定义文件名)

axios 下载文件(自定义文件名)

作者: stanf1l | 来源:发表于2019-01-13 19:24 被阅读420次

搞到这段代码不容易,有时间仔细研究下

download(){
        const url = "文件地址"
        axios.get(url,{
            responseType:'blob'
        }).then( res => {
            let blob = new Blob([res.data])
            let downloadElement = document.createElement('a')
            let href = window.URL.createObjectURL(blob); //创建下载的链接
            downloadElement.href = href;
            downloadElement.download = `new name`; //下载后文件名
            document.body.appendChild(downloadElement);
            downloadElement.click(); //点击下载
            document.body.removeChild(downloadElement); //下载完成移除元素
            window.URL.revokeObjectURL(href); //释放blob对象
        })

    }

相关文章

网友评论

    本文标题:axios 下载文件(自定义文件名)

    本文链接:https://www.haomeiwen.com/subject/vguldqtx.html