Question

我是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))
    );
  }

听说我正在注册页面，其中包含数据名称，电话和图像。用户可以选择多个图像，因此图像的文件名必须将保存在第一个表中的前两个数据的外键保存在另一个表中。我在IDE Visual Studio代码的末尾使用了angular 5+版本。并在VS2015中使用具有MVC架构的C＃语言编写API

使用angular js 6.0保存多个图像文件

0 个答案: