Append object which contain File and String value into FormData - JS

Question

I'm finding a solution to append object which contain File and String value into FormData and send it to server (MultiPartParser of Django Rest FrameWork).

Console.log(file)

Now my code is:

Fd.append('file_uploads', JSON.stringify({ 'file': file, 'order_num': 1 }) )

When I console.log this value of form data, it returns {"file":{},"order_num":1}. You can see file value is empty.

I tried to remove JSON.stringify:

Fd.append('file_uploads', { 'file': file, 'order_num': 1 } )

When I console.log this value of form data, it returns [object, object].

I want the results is

{"file":<file_object>,"order_num":1}

Can you try this Fd.append('file_uploads', file, 'your_filename_here'); — Raja Simon
– Raja Simon, Commented Aug 7, 2018 at 10:07
@RajaSimon It's ok. But I want to send to server JSON string {"file":<file_object>,"order_num":1} — KitKit
– KitKit, Commented Aug 7, 2018 at 10:10
Okay why not append another one like this Fd.append('json_load', {..}) in another line — Raja Simon
– Raja Simon, Commented Aug 7, 2018 at 10:15

Raja Simon · Accepted Answer · 2018-08-07 10:51:52Z

1

You can not append file object and key value with FormData. Try alternative solution like this

i.e) I will add order_no with file name and in python you can use string split function to get the order_no

Fd.append('file_uploads', file, 'your_filename_here_and_order_no');

answered Aug 7, 2018 at 10:51

Raja Simon

10.3k5 gold badges46 silver badges77 bronze badges

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

Collectives™ on Stack Overflow

Append object which contain File and String value into FormData - JS

1 Answer 1

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related