How can i append image file to formData

0
votes

I want to append image file to FormData but it is not working

 `let formData = new FormData();        
  let profile = data.payload;
  formData.append('avatar', profile.avatar);

here avatar is image file having value:

avatar: FileList 0: File {name: "dulux.jpg", lastModified: 1592928192081, lastModifiedDate: Tue Jun 23 2020 21:03:12 GMT+0500 (Pakistan Standard Time), webkitRelativePath: "", size: 8336, …} length: 1 proto: FileList

1
reactjsreduxfile-uploadform-datasaga
why it's not working? You can't see formData values in console but in request payloads - demkovych
payload is empty - kinza
are you sure that profile.avatar is object? not array? - demkovych
yes ... avatar: FileList {0: File, length: 1} - kinza
then formData.append('avatar', profile.avatar[0]); - demkovych

1 Answers

0
votes

Seems like your profile.avatar is an array:

formData.append('avatar', profile.avatar[0]);