Pass Object to Angular FormData

Asked Oct 18 '20 at 18:23

Active Oct 18 '20 at 18:23

Viewed 344 times

I want to pass document field in my form as an object like

formData.append('document', {
      uri: this.fileUrl,
      type: this.file.type,
      name: this.file.name
    });

There are multiple fields which I use like

const formData: any = new FormData();
    sellerType.map(x => {
      formData.append('sellerType', x);
    });
    formData.append('name', this.sellerRegisterForm.value.sellerName);
    formData.append('email', this.sellerRegisterForm.value.email);
    formData.append('password', this.sellerRegisterForm.value.password);
    formData.append('contactNo', this.sellerRegisterForm.value.contactNo);
    formData.append('comp_name', this.companyRegisterForm.value.companyName);
    formData.append('comp_contactNo', this.companyRegisterForm.value.contactNo);
    formData.append('document', {
      uri: this.fileUrl,
      type: this.file.type,
      name: this.file.name
    });

but it is not accepting !! Please anyone can help me with this or if I'm doing anything wrong then please corrent my code that how can I pass this kind of object in formdata...

asked Oct 18 '20 at 18:23

radhika thakkar

1

Whats the error youre getting ? – Faizal Hussain Oct 18 '20 at 18:42
Error: Multipart: Boundary not found – radhika thakkar Oct 18 '20 at 18:43
but there is also one issue when I pass only a single string it will take in the req object but when I pass document as an object it will not take anything in the request header it shows `Content-Disposition: form-data; name="document" [object Object] ` – radhika thakkar Oct 18 '20 at 18:45
what is the content type of request header ? – Faizal Hussain Oct 18 '20 at 18:47
` Content-Type: multipart/form-data ` – radhika thakkar Oct 18 '20 at 18:52
can you change it to undefined ? – Faizal Hussain Oct 18 '20 at 18:52
@faizal it's not working – radhika thakkar Oct 18 '20 at 19:00
try removing the content type – Faizal Hussain Oct 18 '20 at 19:05
Does this answer your issue- https://stackoverflow.com/questions/49692745/express-using-multer-error-multipart-boundary-not-found-request-sent-by-pos – Meghshyam Sonar Oct 18 '20 at 19:13
@FaizalHussain i tried with removing the content type still it shows `document: [object Object]` in request object – radhika thakkar Oct 19 '20 at 05:27

Pass Object to Angular FormData

0 Answers0