Synchronous Upload

28 Jun 20171 minute to read

This features allow you to upload and remove the files synchronously. To achieve this, set the asyncUpload property to ‘false’. The data type is Boolean.

NOTE

By default, Uploadbox widget works with asynchronous upload option only.

The following steps guide you in uploading the file synchronously.

In the HTML page, create a form with action and post method and then add the <div> element into the form to configure the Uploadbox element.

  • HTML
  • <form id="upload" method="post" action="saveFiles.ashx">
        <div id="Uploadbox" ej-uploadbox e-asyncupload="false"></div>
        <input type="submit" value="submit" />
    </form>

    For JS, configure saveFiles.ashx and removeFiles.ashx files as mentioned in the Save file action and Remove file action respectively.

    Once the form is submitted by using submit button, it triggers the saveFiles.ashx handler. In the handler, save the files as usual.

    The following screenshot displays the output.