Angular/Javascript:File or Blob inside Json data

Question

can i send file inside a json through ajax:

colors: [
{_id: "5bec42f02797800f447241d1", color: "#777", image: File(79666)},
{_id: "5bec8cf91fb21b3a2477d817", color: "#566", image: File(79666)}
]

If not how to send this data through ajax.

code:

formData.append('colors', JSON.stringify(data));

i am getting data.colors[0].image as {} while sending

Possible duplicate of [convert image to base64 in angularjs](https://stackoverflow.com/questions/26905381/convert-image-to-base64-in-angularjs) — Stanislav Kvitash, Nov 15 '18 at 10:04
ok any other way other than base64 cause i think image to base64 is not good(for large files) — Varun Gopal K.P, Nov 15 '18 at 10:07

score 0 · Answer 1 · answered Nov 15 '18 at 10:06

0

you can convert your file to Base64 string and send it through JSON.

On receiving, convert this Base64 string back to desired file format

This may help on how to convert file to base64: How to convert file to base64 in JavaScript?

answered Nov 15 '18 at 10:06

Manish Gharat

400
1
10

ok any other way other than base64 cause i think image to base64 is not good(for large files)& thx – Varun Gopal K.P Nov 15 '18 at 10:10
JSON supports string, number, boolean, array, object, null. So no, there's no other way if you want to send it in a JSON – Manish Gharat Nov 15 '18 at 10:14

Angular/Javascript:File or Blob inside Json data

1 Answers1