Search...
value
Gets the value of a signature input.
Description
The value
is one of the following:
- An image, defined as a base64-encoded Data URL representing a PNG image of a signature. The
value
starts with the prefix 'data:image/png;base64,' followed by a base64-encoded string, for example:data:image/png;base64,iVBORw0KGgoAA...
- An empty string if the signature pad is blank.
To reset the signature input value, call the clear()
function.
To send a signature by email as an attachment, such as with a service like SendGrid, strip out the "data:image/png;base64," prefix from the value
before attaching.
Type:
stringRead Only
Was this helpful?
Get a signature input
Copy Code
1let mySignature = $w("#mySignatureInput").value;23/* value:4 *5 * data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAASwAAACOCAYA...m8B/AaZVs55m1NzcAAAAAElFTkSuQmCC6 */
Get a signature input and insert it in a collection
This example demonstrates how to insert a person and their signature in a collection called People
. This
collection has an image field for the signature.
Copy Code
1import wixData from 'wix-data';23export function signatureSubmitButton_click(event) {4 let theSignature = $w('#mySignatureInput').value;56 let toInsert = {7 "title": "Mia",8 "lastName": "Casa",9 "email": "MiaCasa@SuCasa.com",10 "signature": theSignature11 };1213 wixData.insert("People", toInsert)14 .then((results) => {15 let item = results; //see item below16 console.log(item);17 })18 .catch((err) => {19 let errorMsg = err;20 });21}2223/* item:24 *25 * {26 * _id: "41c8ef87-3eec-47bd-a3bd-17a09de9ffee"27 * _owner: "4c47c608-cfa8-4037-93ac-738f09560ed3"28 * _createdDate: "2019-11-10T09:27:14.605Z"29 * _updatedDate: "2019-11-10T09:27:14.605Z"30 * title: "Mia"31 * lastName: "Casa"32 * email: "MiaCasa@SuCasa.com"33 * signature: "data:image/png;base64,iVBORw0KGgoAAAANSUhEU...AAAASUVORK5CYII="34 * }35 */36