How to create a Json File in memory from javascript object?

Question

I have a backend endpoint that only accepts a json file. The user is supposed to upload a Json file and then the application submits this file to the endpoint and it works fine. Now I would like to use the same endpoint to upload json files created by the code, I would like for example to take the following javascript object

{
    name: 'Brian',
    age: 40
}

and transform it into a File object, so that I can submit it as a file, not as an object. I have tried to use the File Api constructor like this:

    new File([{ name: 'Brian', age: 40 }], "file.json", { type: "application/json" });

but the endpoint does not accept it, I assume the first argument is not in the right format... should it be a blob instead?

what is the error that you get?

Manit
– Manit

2020-08-25 13:24:17 +00:00
Commented Aug 25, 2020 at 13:24 — Manit
– Manit, Commented Aug 25, 2020 at 13:24

Visakh Vijayan · Accepted Answer · 2020-08-25 13:27:40Z

10

const jsn = JSON.stringify(YOUR_OBJECT);
const blob = new Blob([jsn], { type: 'application/json' });
const file = new File([ blob ], 'file.json');

answered Aug 25, 2020 at 13:27

Visakh Vijayan

7282 gold badges8 silver badges20 bronze badges

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

2 Comments

con Over a year ago

a verbal explanation is often helpful

Matthias Over a year ago

I believe you can also do const file = new File([ JSON.stringify(YOUR_OBJECT) ], 'file.json', { type: 'application/json' });

Collectives™ on Stack Overflow

How to create a Json File in memory from javascript object?

1 Answer 1

2 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

2 Comments

Your Answer

Sign up or log in

Post as a guest

Related