Сохраните несколько файлов изображений с помощью угловых JS 6,0 - PullRequest
0 голосов
/ 31 января 2019

Я новичок в angularjs,
Ниже приведен HTML-код,

<input #file type="file" accept='image/*' #ImageUrl="ngModel" [(ngModel)]="_regstrnServive.selectedRegistration.imageUrl"  (change)="handleFileInput($event.target.files);createFileList($event)" multiple>
<img [src]="_regstrnServive.imageUrl" style="height:200px;width: 280px">

Введите файл сценария из соответствующего компонента:

createFileList(e) {
    var i;
    i = e.target.files;
    let fileList: FileList = e.target.files;
}

Код модели:

constructor(
    public Id:number,
    public Name:string,
    public Phone:string,
    public imageUrl:string,
    public fileList:FileList,
)

}

код сервисной части:

  postRegistration(rgstrn:registration)
  {
   const headers=new HttpHeaders().set('content-type', 'application/json');
    var body={
      Id:rgstrn.Id,
      Name:rgstrn.Name,
      Phone:rgstrn.Phone,
      imageUrl:rgstrn.imageUrl,
    }
    return this.http.post<registration>(ROOT_URL + 'Registration/postRegistration',body,{
      headers
    })
    .pipe(
      catchError((error) => (error))
    );
  }

Слушайте, у меня есть страница регистрации с именем данных, телефоном и изображением.Пользователь может выбрать несколько изображений, поэтому имя файла изображения должно быть сохранено в другой таблице, во внешнем ключе первых двух данных, которые были сохранены в первой таблице.Я использую угловую версию 5+ в конце с кодом IDE Visual Studio.и API написан на C # с архитектурой MVC в VS2015

Добро пожаловать на сайт PullRequest, где вы можете задавать вопросы и получать ответы от других членов сообщества.
...