<div fxLayout="column">
<div fxLayout="row" fxLayoutAlign="space-between center">
....................................................................
div>
<div id='droparea'>
.....................................................
div>
<div fxLayout='row' fxLayoutAlign="center center" id="uploadButton">
<span>
<ejs-uploader #defaultupload [autoUpload]='false' [dropArea]='dropEle' locale='fr-CH' [asyncSettings]='path'
(success)="onUploadSuccess($event)" id="uploadFile" [allowedExtensions]=imagePopup.ALLOWEXTENSIONS
multiple='false' [maxFileSize]=imagePopup.MAXFILESIZE (selected)="onFileSelected($event)">ejs-uploader>
span>
div>
div>
TS. File
import { Component, OnInit, ViewChild } from '@angular/core';
import { UploaderComponent } from '@syncfusion/ej2-angular-inputs';
import { detach, L10n } from '@syncfusion/ej2-base';
............................................................................
ngOnInit(): void {
this.dropEle = document.getElementById('droparea');
L10n.load({
"fr-CH": {
"uploader": {
"invalidMinFileSize": "龠 | Invalid Min File Size | للمساعدة",
"invalidMaxFileSize": "龠 | Invalid Max File Size | للمساعدة",
"invalidFileType": "龠 | Invalid File Type | للمساعدة",
"Browse": "龠 | Choose File | للمساعدة",
"Clear": "龠 | Clear | للمساعدة",
"Upload": "龠 | Upload | للمساعدة",
"dropFilesHint": "龠 | Drop Area | للمساعدة",
"uploadFailedMessage": "龠 | Upload Failed | للمساعدة",
"uploadSuccessMessage": "龠 | Uploaded Successfully | للمساعدة",
"removedSuccessMessage": "龠 | Removed Successfully | للمساعدة",
"removedFailedMessage": "龠 | Remove Failed | للمساعدة",
"inProgress": "龠 | Upload in Progress | للمساعدة",
"readyToUploadMessage": "龠 | Ready to Upload | للمساعدة",
"remove": "龠 | Remove | للمساعدة",
"cancel": "龠 | Cancel | للمساعدة",
"delete": "龠 | Delete | للمساعدة"
}
}
})
}
Please help