diff --git a/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.ts b/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.ts index efeb1e3a..2fc468ec 100644 --- a/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.ts +++ b/projects/ucap-webmessenger-ui-message/src/lib/components/write.component.ts @@ -61,14 +61,17 @@ export class WriteComponent implements OnInit, OnDestroy, AfterViewInit { onClickImage() { this.fileInput.nativeElement.click(); const self = this; - this.fileInput.nativeElement.onchange = () => { + this.fileInput.nativeElement.onchange = async () => { const fileList: FileList = self.fileInput.nativeElement.files; - FileUtil.fromBlobToDataUrl(fileList.item(0)).then(dataUrl => { + for (let i = 0; i < fileList.length; i++) { + const file = fileList.item(i); + + const dataUrl = await FileUtil.fromBlobToDataUrl(file); const img = document.createElement('img'); img.src = dataUrl as string; self.insertNode(img); - }); + } self.fileInput.nativeElement.value = ''; };