如何在javascript中使用Blob创建文件并将其保存在本地系统中?

时间:2014-11-06 09:17:15

标签: javascript html5 webrtc fileapi

在通过WebRTC协议实现文件传输用例期间,我在某些变量中收到了接收端队列中的数据,但无法使用它。通过一些挖掘,我开始知道可以使用Blob完成, 我使用的代码段:

var data=reciever.dequeue();
if(data)
{ var blob = new Blob(_base64ToArrayBuffer(data), {type: 'text/plain'});
  // need to know how to proceed now?
}

文件需要保存在本地系统中。谢谢。

1 个答案:

答案 0 :(得分:0)

您可以创建临时锚元素元素并将其附加到document.body,触发click事件。完成。

以下是演示代码:

var url = objectURL = URL.createObjectURL(blob); //your blob object here
var anchor = document.createElement("a");
anchor.href = url;
anchor.download = "YourFileName";
anchor.click(); //This will trigger browser download event.

Here is document about blob to URL.

Here is the blob document.

希望这有效。 :)