How to trigger change event without having to configure asyncSettings

[Ton That Hung]

Hi Syncfusion Team,
I'm using UploaderComponent but it seems like the change event doesn't be triggered when I upload a file or remove it. I've checked and realized that it's only triggered when after I configured asyncSettings props. Is there any way to use the change event without having to configure asyncSettings?

Thanks,
Hung

[UdhayaKumar Duraisamy]

You can try selected event and removing event from the uploader component. The selected event triggers after selecting or dropping the files by adding the files in upload queue. while removing the selected file the removing event will be triggered.

Documentation :

• (selected event) : https://ej2.syncfusion.com/react/documentation/api/uploader#selected

• (removing event) : https://ej2.syncfusion.com/react/documentation/api/uploader#removing

export class Default extends SampleBase {

 

  onChange(args) {

    console.log(args);

  }

 

  onRemoving(args) {

    console.log(args);

  }

  render() {

    return (

      <div className="col-lg-9">

        <div className="upload_wrapper">

          {/* Render Uploader */}

          <UploaderComponent

            id="fileUpload"

            type="file"

            selected={this.onChange.bind(this)}

            removing={this.onRemoving.bind(this)}

          ></UploaderComponent>

        </div>

      </div>

    );

  }

}

 

Sample : https://stackblitz.com/edit/react-mt9nfq?file=index.js