Uploader drop zone

[Edgar Drozdov]

Uploader control dropone - highlighted but upload not triggered under latest chrome browser.

Reproducible for all your demos as well as in integrated app.

Please, take a look for this issue

[Prince Oliver]

Hi Edgar,  

Thanks for contacting us.  

We have validated the reported issue in the EJ2 uploader control, and we have considered this as a defect in our end. The fix for the issue will be included in our upcoming patch release which is expected to be rolled out in the month of April 2019. You can now track the current status of the report, review the proposed resolution timeline, and contact us for any further inquiries through this link: https://www.syncfusion.com/feedback/5467/    

Regards,  

Prince 

[Prince Oliver]

Hello Edgar,     

Thank you for being patient.  

We have fixed the reported “drag and drop functionality” issue in the EJ2 uploader control. The fix is included in the version v17.1.40, Kindly refer to the following release notes section: https://ej2.syncfusion.com/angular/documentation/release-notes/17.1.40/#uploader 

We suggest you upgrade to the latest version to resolve the issue. Let us know if you need any further assistance on this. 

Regards,     

Prince   

[Amal Ayyash]

This bug is happening again now, no drop region is work on any of the examples

Though I should add the problem is quite intermittent, sometimes, the drop area works but most of the time it just fails

[Yohapuja Selvakumaran]

Hi Amal Ayyash,

Thank you for getting back to us. We have validated the reported issue, but the dropArea configuration of the uploader is working as expected. We couldn’t replicate the reported issue. Based on our analysis, we suspect that the issue might be related to the dropArea configuration of the uploader.

To address this, we recommend adding the dropArea configuration by specifying the id of the div where files should be dropped. Please refer to the following code snippet:

Code Snippet:

 

[app.component.html]

 

<div id="droparea">Drop files here to upload</div>

<div id="uploadfile">

  <ejs-uploader

    #defaultupload

    [autoUpload]="false"

    [dropArea]="dropEle"

    [asyncSettings]="path"

  ></ejs-uploader>

</div>

 

[app.component.ts]

 

 

public dropEle?: HTMLElement;

  ngOnInit() {

    this.dropEle = document.getElementById('droparea');

  }

  public path: Object = {

    saveUrl: 'https://services.syncfusion.com/angular/production/api/FileUploader/Save',

    removeUrl: 'https://services.syncfusion.com/angular/production/api/FileUploader/Remove' };

 

 

 

We have also attached a runnable sample that demonstrates how to drag and drop files successfully. Kindly check it out

Sample: https://stackblitz.com/edit/angular-wmmeo8-nszepm?file=src%2Fapp.component.ts,src%2Fapp.component.html,package.json

Please incorporate this modification into your code and test whether the issue persists. If the problem continues, kindly share the code snippet of your uploader component or modify the shared sample to replicate the issue on our end.

For a more accurate and tailored resolution, we also request a video illustration of the issue you are facing. This will assist us in providing detailed and effective suggestions.

For more information about adding dropArea, kindly refer to the documentation.

Documentation: https://ej2.syncfusion.com/angular/documentation/uploader/getting-started#adding-drop-area

Regards,

Yohapuja S