Как отобразить существующие файлы на сервере в ngx-dropzone-wrapper на Angular 7 - PullRequest
Новая
       15

Как отобразить существующие файлы на сервере в ngx-dropzone-wrapper на Angular 7

1 голос
/ 08 июня 2019

Я работаю над проектом Angular 7 и использую модуль ngx-dropzone-wrapper для загрузки изображения на веб-интерфейс сервера. я могу загрузить изображение без проблем но я покажу существующее загруженное изображение в режиме обновления.

My Html Side Code 

<dropzone class="dropzone-container" [config]="config" fxLayout="row" fxLayoutAlign="start strech"
            #nationalDropZone (success)="onUploadSuccess($event)" fxFlex="auto" (init)="nationalDropZoneInit($event)"
            [message]="'Please Add '"></dropzone>
  @ViewChild('nationalDropZone') componentRef?: DropzoneComponent;
  dropzone: any;

And Here Initialize dropzone 

  nationalDropZoneInit(arg: any): void {
  this.dropzone = this.componentRef.directiveRef.dropzone();
  }

Здесь я читаю Информация о пользователе включает изображение профиля пользователя в шаблоне строки URL у моей модели возврата с сервера есть свойство profileImageUrl, которое при входе в браузер может видеть изображение. Теперь я добавлю существующее изображение с миниатюрой предварительного просмотра в dropzone 

this.accountService.getResellerProfile().subscribe((res: ResellerInfoModel) => {
//Add res.profileImageUrl  to dropzone
//I do not know how
 });

1 Ответ

0 голосов
/ 15 июля 2019

Надеюсь, это поможет. 

const dropzone = this.componentRef.directiveRef.dropzone();

const mockFile = { name: "some name", size: "some size" };

dropzone.emit( "addedfile", mockFile );
dropzone.emit( "thumbnail", mockFile, res.profileImageUrl );
dropzone.emit( "complete", mockFile);

Я получил некоторую помощь от этого ответа .

...