We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
Unfortunately, activation email could not send to your email. Please try again.
Syncfusion Feedback

How to upload the image without the upload box?

Platform: ASP.NET Web Forms |
Control: Grid
Tags: grid

This knowledge base explains How to upload the image in Inline-form Template without using Upload button.

Solution:

In uploadBox when we upload the image the saveURL will be triggered once when we click the upload button in uploadBox.

If we need to trigger the saveURL when we click on save button in inline-form Template, we need to hide upload button by defining false for the showFileDetails API of ejUploadBox.

In actionBegin event we will triggered the saveURL of ejUploadBox using Upload method of ejUploadBox

 

1. Render the Grid as follows.

 

HTML

 

 

JS

 

ASP

 

 

MVC

 

 

 

CORE

 

 

Angular

 

TS

 

Index.html

 

function select(args) {

            var filename = args.files[0].name;

            $("#imageName").html(filename);

        }

 

 

2. Defining inlineForm template for editing.

 

 

3. ClientSide events for rendering the ejUploadBox and saving the image files.

 

 

 

Result:

 

2X faster development

The ultimate ASP.NET Web Forms UI toolkit to boost your development speed.
ADD COMMENT
You must log in to leave a comment

Please sign in to access our KB

This page will automatically be redirected to the sign-in page in 10 seconds.

Up arrow icon

Warning Icon You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.Close Icon

Live Chat Icon For mobile