The uploader component characterized with complete ARIA accessibility support that helps to be accessible by on-screen readers and other assistive technology devices.
The following are the standard keys that works on uploader component.
| Keyboard shortcuts | Actions |
|---|---|
| Tab | Move focus to next element. |
| Shift + Tab | Move focus to previous element. |
| Enter | Triggers corresponding action to button element. |
| Esc | Close the file browser dialog alone and cancels the upload on drop the file. |
import { UploaderComponent } from '@syncfusion/ej2-react-inputs';
import * as React from 'react';
import * as ReactDOM from "react-dom";
export default class App extends React.Component<{}, {}> {
public path: object = {
removeUrl: 'https://aspnetmvc.syncfusion.com/services/api/uploadbox/Remove',
saveUrl: 'https://aspnetmvc.syncfusion.com/services/api/uploadbox/Save'
}
public render() {
return (
<UploaderComponent autoUpload={false} asyncSettings={this.path} />
);
}
}
ReactDOM.render(<App />, document.getElementById('fileupload'));