Signature_pad: Saving image on server

Created on 26 Mar 2017 · 5Comments · Source: szimek/signature_pad

Hello, do you know the best way to do this? i noticed somebody else asked the question but i cannot tell the best way to include their solution, can you help?

I have resized the canvas and ideally would like a button that saves the image back to my server hosting the site with either a random name or a name from a field somewhere on the page

Thanks
Steve

question

Source

lowe493

Most helpful comment

I made something hopefully useful for users:

https://jsfiddle.net/d7ejkz1v/1/

I just added an upload javascript function to the signature pad example. It should upload the signature via ajax to the target url. on the server side you can handle those signatures as normal file uploads.

h4de5 on 21 Oct 2019

👍2

All 5 comments

@lowe493 Please ask this question on https://stackoverflow.com. You'll most likely get more answers there.

Anyway, it's really up to you how you want to do it and depends on what language you're using on the server. You could save them directly on the disk, send them to S3 etc., there are many options.

The easiest way is to either send content of the image to the server using XHR (Ajax) or simply create a form with a hidden field and set the value of this hidden field to the data you get from the library.

szimek on 26 Mar 2017

Hello,I am implementing this signature pad for my college project .I tried at my best to send it to the server but due to the large URL size ,I am unable to do so.I am using PHP to send the image to the server but the url exceeds the limit of the URL length.
Is there anyway to decrease the url size ?

abhiyan52 on 30 Mar 2017

You should be sending the data via a POST with the payload in the body of the request rather than sounds like you're putting it in a URL parameter on a GET.