Breaking News: Grepper is joining You.com. Read the official announcement!

file upload in angular

Nanu answered on December 2, 2023 Popularity 9/10 Helpfulness 4/10

answer file upload in angular

file upload in angular

Comment

<button type="button" (click)="fileInput.click()"
                style="background-color: lightseagreen;width: 159px;color: black;border-radius: 15px;">Choose
                File</button>
            <input #fileInput type="file" id="file" (change)="setFilename(fileInput.files)" hidden />
            <label>{{ filename }}</label>

 setFilename(files) {
        this.documentService.setFile("File");
        if (files[0]) {
            this.filename = files[0].name;
        }
    }
onSubmit(files) {
        if (this.attachmentType == "") {
            this.notificationService.showMessage(AlertMessageType.Error, AppConstant.selectAttachmentType);
            return;
        }
        const formData = new FormData();

        if (files[0]) {
            formData.append(files[0].name, files[0]);
            formData.append("memberId", this.memberEnrollmentHeaderId.toString());
            formData.append("attachmentType", this.attachmentType);
        }
        this.documentService.OtherFileUpload(formData).subscribe({
            next: (res) => {
                this.OECFileProcessModel = res;
                this.notificationService.showMessage(AlertMessageType.Success, AppConstant.attachmentUploadSuccess);
                this.attachmentDataList = this.Documents;
                this.UploadedFiles = [];
                this.Documents = [];
                this.getAttchmentList();

            }, error: (err) => {
                this.notificationService.showMessage(AlertMessageType.Error, AppConstant.fileUploadError);
            }
        });
    }
}

Popularity 9/10 Helpfulness 4/10 Language javascript

Source: Grepper

Tags: angular file-upload javascript

Link to this answer
Share Copy Link

Contributed on Dec 02 2023

Nanu

0 Answers Avg Quality 2/10

file upload in angular

Contents

More Related Answers

file upload in angular

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.