Empty posted file when using drag and drop

[Juan Jiminez]

I'm using latest MVC version (17.2500.0.39) of the uploader following the image preview sample https://ej2.syncfusion.com/aspnetmvc/Uploader/ImagePreview#/material.

Posted file works when I use the browse button, however, when I use the drag and drop feature I can see the image preview but no file data is posted, all I get is an empty "application/octet-stream" when checking System.Web.HttpContext.Current.Request.Files["Avatar_File"].

This is my setup:

  Dictionary<string, object> htmlAttr = new Dictionary<string, object>();

  htmlAttr.Add("name", "Avatar_File");

  htmlAttr.Add("class", "form-control");

@Html.EJS().Uploader("uplAvatar").AutoUpload(false).Multiple(false).AllowedExtensions("image/*").Selected("OnFileSelect").HtmlAttributes(htmlAttr).Render()

I'm attaching the Javascript part for reference.

Attachment: uploader_1b52143b.zip

[Narayanasamy Panneer Selvam]

Hi Juan, 

Thanks for contacting Syncfusion support. 

We have checked the reported issue. We have prepared the image preview sample and it is working fine in drag and drop and manually upload the uploader. By using the shared code snippet, we have created sample. 

Also, we have taken video for drag and drop the files.  

Video link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/ScreenCapture_7-31-2019_3.05.59_PM527700283 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication2-57713725 

 

If still you are facing problem kindly let us know with more details. So that we can provide prompt solution as earlier. 

 

Regards,  

Narayanasamy P.  

[Juan Jiminez]

Hi Narayanasamy,

Thanks for the sample. 

I forgot to mention I'm posting the uploaded file as part of a form with an ajax call, like:

var formdata = new FormData('myform').get(0));

            $.ajax({

                type: "POST",

                url: '/Save',

                data: formdata,

                dataType: 'json',

                processData: false,

                contentType: false,

                success: function (data) {                  

                                console.log(''saved'');                                  

                },

                error: function (xhr) {

                    console.log(''error'');       

                }

            });

[Narayanasamy Panneer Selvam]

Hi Juan,  

Most welcome. 

We have checked the reported scenario. we have customFormData support in uploader, in that you can additional data to controller. So, we suggest you to use our customFormData for sending additional data to controller as mentioned below, 

function onUploading(args) {
args.customFormData = [{ 'File': args.fileData.name }];
} 

 

Receives this file name in controller as mentioned below, 

var file = HttpContext.Request.Form["File"]; 

 

Sample Link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/WebApplication21200248840 

UG link: https://ej2.syncfusion.com/aspnetmvc/documentation/uploader/how-to/add-additional-data-on-upload/ 

 

Regards, 

Narayanasamy P. 

[Juan Jiminez]

Hi Narayanasamy,

I don't need to pass in additional data, what I need is dropped files to be part of the form data on submission (not async upload), more like this sample is supposed to work https://ej2.syncfusion.com/aspnetmvc/documentation/uploader/form-support/.

Currently it does submit the file when I use the browse button but id doesn't work with drag and drop.

Best,

[John Stemper]

Juan,

I have found the same issue and have started a thread about it here. The response from Syncfusion was that it was  reproduced and they are expecting a fix in SP1.

https://www.syncfusion.com/forums/146285/when-using-drag-and-drop-with-synchronous-upload-only-a-null-blank-httppostedfilebase-is

John

[Juan Jiminez]

Juan,

I have found the same issue and have started a thread about it here. The response from Syncfusion was that it was  reproduced and they are expecting a fix in SP1.

https://www.syncfusion.com/forums/146285/when-using-drag-and-drop-with-synchronous-upload-only-a-null-blank-httppostedfilebase-is

John

Thanks John, I appreciate it.

[Narayanasamy Panneer Selvam]

Hi John / Juan, 

We appreciate your comments @John

As we promised earlier, we will include remedy for this issue with upcoming Service-Pack1 release. Will intimate you once the SP1 release rolls out. We appreciate your patience until then.

 

Regards, 

Narayanasamy P.