Как загрузить два файла в angular primeng - PullRequest
Новая
       25

Как загрузить два файла в angular primeng

0 голосов
/ 14 марта 2020

На своей странице редактирования профиля я хочу добавить 2 загрузчика файлов с модулем primeng fileupload для аватара и резюме.

Я делаю это для 1 загрузчика файлов, аналогично следующему: 

HTML:
<p-fileUpload #fileInput 
    [name]="avatar" [url]="backend/url"
    (onBeforeUpload)="onBeforeUpload($event)" (onUpload)="onUploaded($event)" (onError)="onError($event)">
    <ng-template pTemplate="content">
        <div class="dargdrop_here">or drop file here!</div>
    </ng-template>
</p-fileUpload>

Component:
onFormSubmited() {
    this.fileInput.upload();
}
onBeforeUpload(event) {
    event.formData.append('userData', JSON.stringify(this.userData));
}
onUploaded(e) {
    console.log("upload finished");
}

В загрузчике 1 файла у меня нет проблем, и это нормально. Теперь, как я могу использовать 2 загрузчика вместе?

Я хочу, чтобы на моей странице было 2 <p-fileUpload> компонента. не 1 с multiple="multiple"!

Как эти два компонента работают вместе?

Я должен запустить метод загрузки для какого компонента? (this.fileInput.upload())

Я должен добавить свои данные к какому компоненту? (* 1 020 *) * * тысяча двадцать-одна

...