通过xmlhttprequest下载mp3文件，并将其另存为文件，以便以后上传

Question

我目前正在编写一个chrome扩展名，并停留在如何将xmlhttprequest的responsetext作为文件处理的问题上。 如标题所述，我需要下载给定链接的mp3，并将其另存为可以在扩展程序中再次访问的任何实际物理文件。 鉴于类型不是简单的文本，我似乎无法找到有关如何从javascript保存文件的信息。 任何帮助表示赞赏，谢谢。

Answer 1

thi是您使用xhr加载和mp3的函数，Covertsit到base64然后使用base64文件字符串执行一个函数

var xhrfile=function(i,f){
 var c=new XMLHttpRequest();
 c.open('GET',i);
 c.responseType='arraybuffer';
 //c.onprogress=function(e){var perc=Math.round((e.loaded/e.total)*100)+' of 100'};
 c.onload=function(e){
  var u8=new Uint8Array(this.response),ic=u8.length,bs=[];
  while(ic--){bs[ic]=String.fromCharCode(u8[ic]);};
  f('data:audio/mpeg;base64,'+btoa(bs.join('')));
 };
 c.send();
}

用法：

 xhrfile('http://domain.com/your.mp3',filefunc)

现在，要保存文件，请使用indexedDB，websql，localstorage，fileApi或任何您想要的文件。...现在是一个字符串。

考虑到上述提到的保存可能性具有文件大小限制。

您还可以简单地输出文件进行下载：

var filefunc=function(mp3data){
 var a=document.createElement('a');
 a.download='mp3name.mp3';
 a.href=mp3data;
 a.innerText='download the file';
 document.body.appendChild(a);
}

我没有用mp3测试此功能...我知道它可以在图像和其他小文件上工作。也许从一个小mp3文件开始。

这是Blob版本。

var xhrfile=function(i,f){
 var c=new XMLHttpRequest();
 c.open('GET',i);
 c.responseType='arraybuffer';
 c.onload=function(e){
  var blob = new Blob([this.response]);
  f(blob);
 };
 c.send();
}

Blob到对象网址：

var objurl=window.URL.createObjectURL(blob);

可用内存

window.URL.revokeObjectURL(objurl);