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

Save picture to ViewModel

Thread ID:





143807 Apr 5,2019 11:49 AM UTC Apr 9,2019 01:31 PM UTC ASP.NET Core 3
Tags: Signature
Asked On April 5, 2019 11:49 AM UTC

How do I save a picture of a control to a view model (to later save it to a database or FTP server, for example) rather than on a user's computer?

When will it be available in the EJ2 version?

Shameer Ali Baig Sulaiman Ali Baig [Syncfusion]
Replied On April 8, 2019 12:47 PM UTC

Hi Patryk, 

Greetings from Syncfusion support. 
Query 1: How do I save a picture of a control to a view model (to later save it to a database or FTP server, for example) rather than on a user's computer? 
We have prepared simple sample of saving the Signature into a SQL DB which meets your requirement.    
Please find the below KB link and sample for more references.  
Please check the shared sample and let us know if you need any further assistance.     

Query 2: 
When will it be available in the EJ2 version? 
Thank you for requesting this feature. Feature requests like yours are a key part of our ongoing product growth efforts. This feature is already included in our feature request database and here’s the link to the feature report page 
If the definition of this feature corresponds to your requirement, please vote for it here. 
At the planning stage for every release cycle, we review all open features and identify features for implementation based on specific parameters including product vision, technological feasibility, and customer interest.  
We will let you know when this feature is implemented.  
Shameer Ali Baig S. 

Replied On April 8, 2019 12:52 PM UTC

Thank you for your response.
I need to save the signature image to the property object in ViewModel. Please only such example.

Christopher Issac Sunder K [Syncfusion]
Replied On April 9, 2019 01:31 PM UTC

Hi Patrick, 

Good day to you!! 

For your information, the expected functionality is already available with the last provided sample in our previous update. Anyhow, we have now modified the sample to save the uploaded signature in property model object in the code behind as per your expectations. Please, refer the below code snippet and sample from below to achieve your requirement. 

    ViewData["Title"] = "Signature"; 
<h3>Sign here</h3> 
<div class="frame"> 
    <ej-signature id="mysign" height="400px" width="500" stroke-width="3" is-responsive="true" /> 
    <input id="btnUpload" type="button" value="UploaddatatoDB" onclick="Uploaddata()" /> 
    function Uploaddata() { 
        var target1 = $("#mysign").ejSignature("instance")._canvas[0].toDataURL() 
        var div = $("#mysign"); 
        var canvas = div["children"]()[0]; 
        image = canvas.toDataURL("image/png"); 
        newimage = image.replace('data:image/png;base64,', ''); 
            type: 'POST', 
            url: '@Url.Action("Upload", "Home")', 
            data: { 
                target: newimage 
                success: function (data) { 
                    alert("success" ); 

public class SignatureTask 
        public string DataValue { get; set; } 
        public string SaveValueObject { get; set; } 

        public IActionResult Upload(string target) 
            SignatureTask obj = new SignatureTask(); 
            // Saving the signature value in model object 
            obj.SaveValueObject = target; 
            return View(); 

Please, let us know if you need any further assistance. 



This post will be permanently deleted. Are you sure you want to continue?

Sorry, An error occured while processing your request. Please try again later.

Please sign in to access our forum

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

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
Live Chat Icon