Browse Button no action.

Thread ID:	Created:	Updated:	Platform:	Replies:
146211	Jul 25,2019 07:40 PM UTC	Jul 28,2019 06:22 PM UTC	ASP.NET Core - EJ 2	1

Subscribe to this post

Tags: File Upload

Peng Xie

Asked On July 25, 2019 07:40 PM UTC

I am building webpage using uploader. my setup is .netcore 2.1 in razor page. I download sample from

here

But instead of using taghelp I want to create uploader in javascript.

Issue:

1. No action from clicking browser button in upload.

Reply | Reply with quote

Narayanasamy Panneer Selvam [Syncfusion]

Replied On July 28, 2019 06:22 PM UTC

Hi Peng,

Thanks for contacting Syncfusion support.

We have checked your code snippet. The issue is raised due to the you have used ‘div’ element to render uploader. But we will render uploader in input element, Based on the input element’s file type and name attribute.

Code snippet: 

var uploadObj = new ej.inputs.Uploader({

asyncSettings: {

saveUrl: '<https://aspnetmvc.syncfusion.com/services/api/uploadbox/Save',>

removeUrl: '<https://aspnetmvc.syncfusion.com/services/api/uploadbox/Remove'>

success: onUploadSuccess,

failure: onUploadFailure

});

uploadObj.appendTo('#fileupload');

function addTokens(args) {

args.currentRequest.setRequestHeader('XSRF-TOKEN', document.getElementsByName('__RequestVerificationToken')[0].value);

}

function onUploadSuccess(args) {

if (args.operation == "upload") {

console.log("File Uploaded successfully");

}

function onUploadFailure(args) {

console.log("File failed to upload");

}

</script>

Sample link: https://www.syncfusion.com/downloads/support/directtrac/general/ze/Razorpages-764561571_(1)2039563994 

Regards,

Narayanasamy P.

Reply | Reply with quote

CONTACT US

Browse Button no action.

Thread ID:

Created:

Updated:

Platform:

Replies:

Please sign in to access our forum

CONTACT US