|
import { Component, ViewChild, ViewEncapsulation, Inject } from '@angular/core';
import { createElement } from '@syncfusion/ej2-base';
import { UploaderComponent, RemovingEventArgs } from '@syncfusion/ej2-angular-inputs';
@Component({
selector: 'app-root',
templateUrl: 'app.component.html',
styleUrls: ['app.component.css'],
encapsulation: ViewEncapsulation.None
})
export class AppComponent {
@ViewChild('defaultupload')
public uploadObj: UploaderComponent;
public path: Object = {
saveUrl: 'https://aspnetmvc.syncfusion.com/services/api/uploadbox/Save',
removeUrl: 'https://aspnetmvc.syncfusion.com/services/api/uploadbox/Remove'
};
public dropElement: HTMLElement = document.getElementsByClassName('control-fluid')[0] as HTMLElement;
public onFileRemove(args: RemovingEventArgs): void {
args.postRawFile = false;
}
public uploadEle: HTMLElement = createElement('span', { className: 'upload e-icons', innerHTML: 'Upload All' });
public buttons: Object = {
browse: 'Choose file',
// Assign the external button to upload button
upload: this.uploadEle
{color:#ff991f}};
ngAfterViewInit() {
// Store the uploader instnce in the variable
var Uploader = this.uploadObj;
(this.uploadEle).addEventListener('click', function (e) {
// Call source upload method to perform upload action
(Uploader as any).uploadButtonClick();
{color:#ff991f}});
}
} | 
