Browse Button no action.

[Peng Xie]

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. 

[Narayanasamy Panneer Selvam]

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: 

    <input type='file' id='fileupload' name='UploadFiles' /> 

    <script> 

        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.