ucap/next-ucap-messenger
3
0
Fork 0
Code Issues Pull Requests Packages Projects Releases Wiki Activity

multiple image is implemented

Browse Source
This commit is contained in:
병준 박 2019-12-03 19:06:29 +09:00
parent b0e2b12b09
commit 8dbd747f16
1 changed files with 6 additions and 3 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

9
projects/ucap-webmessenger-ui-message/src/lib/components/write.component.ts
View File

@ -61,14 +61,17 @@ export class WriteComponent implements OnInit, OnDestroy, AfterViewInit {
onClickImage() { onClickImage() {
this.fileInput.nativeElement.click(); this.fileInput.nativeElement.click();
const self = this; const self = this;
this.fileInput.nativeElement.onchange = () => { this.fileInput.nativeElement.onchange = async () => {
const fileList: FileList = self.fileInput.nativeElement.files; 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'); const img = document.createElement('img');
img.src = dataUrl as string; img.src = dataUrl as string;
self.insertNode(img); self.insertNode(img);
}); }
self.fileInput.nativeElement.value = ''; self.fileInput.nativeElement.value = '';
}; };