I cannot drag anything to the browser

Ricardo

Asked On November 22, 2019 11:54 PM UTC

I have two issues

1. I would like to know how I send more data besides images

2. I tried to drag documents to the Uploader component but It doesn´t work ( it loads the image but as a entire new page )

Attachment: Upload_32e74826.zip

Reply | Reply with quote

Sureshkumar P [Syncfusion]

Replied On November 25, 2019 01:17 PM UTC

Hi Ricardo,

Greetings from Syncfusion support.

Query 1: I would like to know how I send more data besides images

Answer:

Since the provided details are insufficient to proceed further, we request you to share us the following details

1. Whether you want to upload the image details as extra parameter or not?

2. If possible give an image or video representation of your requirement.

These details will help us to provide solution earlier.

Query 2: I tried to drag documents to the Uploader component but It doesn´t work ( it loads the image but as a entire new page )

Answer:

We have validated your requirement with shared image and code. We suspect that your drop area not set properly in your application. We created a sample and video representation based on your requirement.

Kindly refer the below code block.

<span id='drop'> <a rel='nofollow' href='' id='browse'><u>Click para seleccionar el archivo</u></a> </span>

@Html.EJS().Uploader("UploadFiles").DropArea("#dropArea").AllowedExtensions(".jpg,.png,.jpeg").Selected("onSelect").Success("onUploadSuccess").Progress("onFileUpload").Removing("onFileRemove").Failure("onUploadFailed").AsyncSettings(new Syncfusion.EJ2.Inputs.UploaderAsyncSettings { SaveUrl = "/Mantenimiento/Preventivo/SaveP", RemoveUrl = @Url.Content("Remove") }).Render()

</div>

Kindly refer the sample with video representation: https://www.syncfusion.com/downloads/support/forum/149345/ze/video-1919560470

Regards,

Sureshkumar P

Reply | Reply with quote

Ricardo

Replied On December 6, 2019 12:26 AM UTC

I mean, how I send parameters from an input like a textbox to the "saver" method. I could send data from the parameters directly but how should I do if I want to use javascript

Attachment: upload_params_f05192e8.zip

Reply | Reply with quote

Sureshkumar P [Syncfusion]

Replied On December 6, 2019 07:04 AM UTC

Hi Ricardo,

Greetings from Syncfusion support.

Yes, we can able to send the additional parameter to server method from script section by our inbuild client side Uploading event.

Kindly refer the below code block.

@Html.EJS().TextBox("text").Value("selectValue").Render()

@Html.EJS().Uploader("fileupload").Uploading("onFileUpload").AsyncSettings(new Syncfusion.EJ2.Inputs.UploaderAsyncSettings { SaveUrl = "Home/Save", RemoveUrl = "https://aspnetmvc.syncfusion.com/services/api/uploadbox/Remove" }).Render()

</div>

function onFileUpload(args) {

// getting the textbox object

var textBoxObj = document.getElementById("text").ej2_instances[0];

args.customFormData = [{ 'text': textBoxObj.value }];

}

</script>

We have created a sample based on your requirement. please find the sample here: https://www.syncfusion.com/downloads/support/forum/149368/ze/WebApplication1504313322

To know more about passing additional parameter to server. Please refer the documentation link: https://ej2.syncfusion.com/aspnetmvc/documentation/uploader/how-to/add-additional-data-on-upload/

If we misunderstood your query, please revert as with the comprehensive and exact scenario that you have faced. That will help us to provide exact solution at our end earliest.

Regards,

Sureshkumar P

Reply | Reply with quote

Thread ID:	Created:	Updated:	Platform:	Replies:
149368	Nov 22,2019 11:54 PM UTC	Dec 6,2019 07:04 AM UTC	ASP.NET MVC - EJ 2	3

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US