使用js下载服务器mp3文件而不是在线播放，js下载Blob流文件，js文件自动下载，而不是打开

最新推荐文章于 2024-04-28 16:05:46 发布

Yehger

最新推荐文章于 2024-04-28 16:05:46 发布

阅读量2k

点赞数

分类专栏： javascript 文章标签： javascript js

本文链接：https://blog.csdn.net/meis27461/article/details/119644042

版权

javascript 专栏收录该内容

12 篇文章 0 订阅

订阅专栏

js下载blob流文件

- 1.第一步，下载流文件
- 2.用downloadBlobFile()请求到Blob数据后进行下载

1.第一步，下载流文件

封装的下载流文件的方法，这里会返回一个XMLHttpRequest 对象

//封装的下载流文件的方法

function downloadBlobFile(_method,_url){
	const request = new XMLHttpRequest()	//
	request.open(_method,_url)	//这里替换
	request.send()
	request.responseType = 'blob'	//请求流文件
	return request
}

2.用downloadBlobFile()请求到Blob数据后进行下载

downloadBlobFile('get','https://fenli.6pian.cn/bgm/2021-08-12/9379牛片人声.mp3').onreadystatechange = res=>{
    if(res.currentTarget.readyState == 4 &&  res.currentTarget.status==200){
        const url = window.URL.createObjectURL(res.currentTarget.response);
        let a = document.createElement('a')
        a.href=url
        a.download = '测试'	//这个attr参数是必要的
        a.click()	//模拟点击进行下载
    }
}