用blob下载音频并改名

Posted 2021-03-06 zhuangcui

在用a标签下载音频时，跳转为播放，而不是下载

fetch(url).then(res => res.blob()).then(blob => {
          const a = document.createElement(‘a‘);
          document.body.appendChild(a)
          a.style.display = ‘none‘
          // 使用获取到的blob对象创建的url
          const url = window.URL.createObjectURL(blob);
          a.href = url;
          // 指定下载的文件名
          a.download = ‘xxxx.mp3‘;
          a.click();
          document.body.removeChild(a)
          // 移除blob对象的url
          window.URL.revokeObjectURL(url);
        });

不过，在下载第二个时，浏览器出现提示‘是否允许下载多个’的问题