title: Capture signature using HTML5 and save it as image to database
body: <p>I am just starting to learn Jquery and working on asp.net webform app that will be used on a touchscreen device, and I need to capture user signature, basically user will sign and after hit save, I want their signature to be saved as an image to SQL server database so I can retrieve and display it later on a webpage.</p>
  
  <p>I found this question: <a href="https://stackoverflow.com/questions/3096470/capture-signature-using-html5-and-ipad">Capture Signature using HTML5 and iPad</a></p>
  
  <p>and the jQuery plugin works great, exactly as I want.</p>
  
  <p>Here the demo: <a href="http://szimek.github.io/signature_pad" rel="nofollow noreferrer">http://szimek.github.io/signature_pad</a></p>
  
  <p>Here the plug-in: <a href="https://github.com/szimek/signature_pad" rel="nofollow noreferrer">https://github.com/szimek/signature_pad</a></p>
  
  <p>So on the demo I see after hit "save" you will go to a new tab that display an image of your signed signature, and I noticed that the url is something like</p>
  
  <blockquote>
    <p>data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAApIAAAE+CAYAAAA+vvBuAAAgAElEQVR4Xu3df8i37V0X8I/l0GY5BzZdiWslKhnNUaBR62lBP0htjuiHfz0uROgPmQsH/hE8jiKKjLl/IoLa9k+NMOYyhCRamyM0WI9bUBst5kzbUNfjxBlmaLy389jO+3q......</p>
  </blockquote>
  
  <ol>
  <li><p>What does this url mean? </p></li>
  <li><p>what type of variable will be used to store this in database table (nvarchar, binary...)</p></li>
  </ol>
  
  <p>3 (MAIN QUESTION). How do I <strong>get those data text in code behind C# button click event</strong> to store them to a string variable for other purposes. Can someone provide a simple example so i can go from there?</p>
  
  <p>if I am missing something please let me know, as I am looking at the .html file and those .js files in the demo project  of that plugin, I am lost.</p>