how to send a correct json to backend in angular

Question

I am sending an array object which right now looks like this in my console:

[{

}]

but I want to have it like this:

{

}

Could someone tell me how to change it, to my desired form? this is how my documentsArray looks:

  documentsArray = [];

This is how my code looks like this:

uploadFile2(files: FileList | null): void {
        const file = files.item(0)
        const reader = new FileReader()
        reader.readAsDataURL(file)
        reader.onload = () => {
          this.documentsArray.push({documentType: this.form.controls.dokumentType.value, file: reader.result})
          console.log(this.documentsArray)
        }
    }

Remi · Accepted Answer · 2021-11-10 08:45:08Z

1

You can access an array item using the index position:

const foo = [{ bar: 'baz' }, { quz: 'qux' }];

console.log(foo[0]); // only first item: `{ bar: 'baz' }`

I.e.:

uploadFile2(files: FileList | null): void {
        const file = files.item(0)
        const reader = new FileReader()
        reader.readAsDataURL(file)
        reader.onload = () => {
          this.documentsArray.push({documentType: this.form.controls.dokumentType.value, file: reader.result});
          // you can use the first object in the array
          console.log(this.documentsArray[0]);
        }
    }

edited Nov 10, 2021 at 8:45

answered Nov 10, 2021 at 8:25

Remi

5,51713 gold badges61 silver badges94 bronze badges

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

4 Comments

natyus Over a year ago

would this work for a post request as well?

Remi Over a year ago

That depends on the back-end. Is there any documentation available on what that specific end-point accepts? (Either an Array or an single object)

natyus Over a year ago

it accepts an single object, but I did not quite understand your example sorry

Remi Over a year ago

Elaborated on the answer. Let me know if this helps, otherwise what's unclear.

Stefano Martini · Accepted Answer · 2021-11-10 08:50:49Z

0

JSON specification is this:

[{ array1 }, {array2}, {other arrays}]

And this is the standard whay, why you would like to go outside the standard method?? Please note that in future if you want excange data with oter platforms, you will rebuild everithing, cause json array is with [ ] and json decode will fail if you don't have it, if you don't know how to handle the [ ] just temporary delete the first and the last characters from the writing/reading string, but is not so good..

answered Nov 10, 2021 at 8:50

Stefano Martini

4554 silver badges24 bronze badges

Collectives™ on Stack Overflow

how to send a correct json to backend in angular

2 Answers 2

4 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

4 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related