How can i create a file and save it in local system using Blob in javascript?

Question

During implementation of file transfer use case through WebRTC protocol, i am recieving data from queue at reciever end in some variables but unable to use that. Through some digging, i came to know that it can be done using Blob, code snippet that i used :

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

file is need to be saved in local system.Thanks in advance.

Do you mean you want the browser to download this file and save it? — Tyler.z.yang
– Tyler.z.yang, Commented Nov 6, 2014 at 10:30
yes,on the recieving end browser sould download the file or create download link for the same. — messi
– messi, Commented Nov 6, 2014 at 14:32
Can you check my answer below, I think this can satisfy your requirement. — Tyler.z.yang
– Tyler.z.yang, Commented Nov 6, 2014 at 15:02

Tyler.z.yang · Accepted Answer · 2014-11-06 10:49:08Z

1

You can create a temp anchor element element and append it to document.body, trigger click event. Done.

Here is the demo code:

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.

Hope this works. : )

answered Nov 6, 2014 at 10:49

Tyler.z.yang

2,4601 gold badge20 silver badges31 bronze badges

Sign up to request clarification or add additional context in comments.

Collectives™ on Stack Overflow

How can i create a file and save it in local system using Blob in javascript?

1 Answer 1

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Related