Javascript: How to save ArrayBuffer when the script is rendering from server side?

Question

The script file is rendered from server side, and when I using the code as below to download data from the script

const blob = new Blob([data]);
var a = document.createElement("a");
a.href = URL.createObjectURL(blob);
a.download = "1.mp4";
a.click();
URL.revokeObjectURL(a.href);

it shows that document is not defined. Is there any way to solve this problem?

嬲你屋里娘 · Accepted Answer · 2021-06-07 15:14:35Z

1

I solved the problem through split the code into two parts.

While server side rendering, I print the blob's url in console:

const blob = new Blob([data]);
console.log(URL.createObjectURL(blob));

And While client side rendering, I download the blob manually:

var a = document.createElement("a");
a.href = 'blob:{paste the url address}';
a.download = "1.mp4";
a.click();
URL.revokeObjectURL(a.href);

answered Jun 7, 2021 at 15:14

嬲你屋里娘

3222 silver badges9 bronze badges

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

Collectives™ on Stack Overflow

Javascript: How to save ArrayBuffer when the script is rendering from server side?

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