Npm ngx dropzone从列表中加载图像
我正在使用ngx dropzone和angular 8。我使用ngx dropzone进行上传,它可以正常工作,但这次我想将特定列表中的图像加载到dropzone。这是我的密码Npm ngx dropzone从列表中加载图像,npm,angular8,dropzone,ngxs,Npm,Angular8,Dropzone,Ngxs,我正在使用ngx dropzone和angular 8。我使用ngx dropzone进行上传,它可以正常工作,但这次我想将特定列表中的图像加载到dropzone。这是我的密码 <ngx-dropzone (change)="onSelect($event)"> <ngx-dropzone-label>Select/Drop images here!</ngx-dropzone-label> <ngx
<ngx-dropzone (change)="onSelect($event)">
<ngx-dropzone-label>Select/Drop images here!</ngx-dropzone-label>
<ngx-dropzone-image-preview ngProjectAs="ngx-dropzone-preview" [removable]="true" (removed)="onRemove(f)" *ngFor="let f of files" [file]="f">
<ngx-dropzone-label></ngx-dropzone-label>
</ngx-dropzone-image-preview>
</ngx-dropzone>
下面是my api代码,它返回带有base64字符串的图像列表
getImages() {
this.alertService.clear();
this.imageModel.SaloonId = this.saloonId;
this.imageModel.ServiceId = this.serviceId;
this.apiService.Create('Saloon/getServiceImages', this.imageModel).subscribe(
resp => {
if (resp.length > 0) {
// Here to load Images to dropzone.
}
console.log(this.files);
},
error => {
this.alertService.error('Error getting images. Please contact admin.');
},
() => { console.log('complete'); }
);
}
此图像返回以下列表
getImages() {
this.alertService.clear();
this.imageModel.SaloonId = this.saloonId;
this.imageModel.ServiceId = this.serviceId;
this.apiService.Create('Saloon/getServiceImages', this.imageModel).subscribe(
resp => {
if (resp.length > 0) {
// Here to load Images to dropzone.
}
console.log(this.files);
},
error => {
this.alertService.error('Error getting images. Please contact admin.');
},
() => { console.log('complete'); }
);
}