Я работаю над проектом Angular 5, в который я хочу загружать изображения с помощью REST API.
Я хочу отправить массив изображений следующим образом
"media": {
"images": {
"image": [
{
"uri": "https://storage.googleapis.com/aramis_vehicles/production/stock/vo/243760/im-\nage/360/ford-fiesta-trend-243760-01-large.jpg",
"position": "2"
},
{
"uri": "https://storage.googleapis.com/aramis_vehicles/production/stock/vo/243760/im-\nage/360/ford-fiesta-trend-243760-01-large.jpg",
"position": "3"
},
]
},
Я использовал поле ввода типа файла, поэтому мой массив изображений выглядит следующим образом, как я могу отправить массив в формате выше json?
"media": {
"images": {
"image": "C:\\fakepath\\IMG_20180906_104703.jpg"
},
У меня есть группа форм для поля изображения, ниже код
media: this.fb.group({
images: this.fb.group({
image: [''], // array of images
}),
Мой шаблон выглядит как
<div class="content-header" formGroupName="media" >
<div class="form-group" formGroupName="images">
<input type="file" class="form-control" formControlName="image" (change)="fileChangeEvent($event)" placeholder="Upload a file..." multiple/>
</div>
</div>
Я действительно изо всех сил пытаюсь реализовать этот медиа-массив. Любая помощь будет спасением.
Спасибо!