1.如何在手机端用JS保存下载音乐文件,重命名,PC 谷歌和UC正常。手机端不能下载。如何解决?
2.代码如下~
function download(music) {
if(music.url == 'err' || music.url == "" || music.url == null) {
layer.msg('这首歌不支持下载');
return;
}
var saveName=music.name + ' - ' + music.artist;
var url =music.url;
downloadMusic(url,saveName);
}
/**
* 获取 blob
* @param {String} url 目标文件地址
* @return {Promise}
*/
function getBlob(url) {
return new Promise(resolve => {
const xhr = new XMLHttpRequest();
xhr.open('GET', url, true);
xhr.responseType = 'blob';
xhr.onload = () => {
if (xhr.status === 200) {
resolve(xhr.response);
}
};
xhr.send();
});
}
/**
* 保存
* @param {Blob} blob
* @param {String} filename 想要保存的文件名称
*/
function saveAs(blob, filename) {
if (window.navigator.msSaveOrOpenBlob) {
navigator.msSaveBlob(blob, filename);
} else {
const link = document.createElement('a');
const body = document.querySelector('body');
link.href = window.URL.createObjectURL(blob);
link.download = filename;
// fix Firefox
link.style.display = 'none';
body.appendChild(link);
link.click();
body.removeChild(link);
window.URL.revokeObjectURL(link.href);
}
}
/**
* 下载
* @param {String} url 目标文件地址
* @param {String} filename 想要保存的文件名称
*/
function downloadMusic(url, filename)
{
getBlob(url).then(blob => {
saveAs(blob, filename);
});
}
UC手机端下载就是这样的,文件名字是乱码.
谷歌正常的,格式 歌名-歌手.mp3