php+uniapp(微信小程序版)实现电子签名及合同生成

想实现在线电子签名，及生成签名到合同文件
第一部分：uniapp小程序端
1.从插件市场导入手写签名canvas电子签名，按照操作步骤即可使用。我这里是调整了样式，修改了组件，根据自己实际UI调整

我的UI效果图：

2.通过组件的submit方法可以得到签名后的图片临时文件，将图片上传到后台得到服务器图片地址，保存下来

sumbit(res){
   
	console.log('sumbit',res)
	var _this = this;
	try {
   
		// this.resultUrl = res.tempFilePath
		//将签名上传后台
		uni.uploadFile({
   
			url: web.webUrl+'/api/common/upload', //仅为示例，非真实的接口地址
			filePath: res.tempFilePath,
			name: 'file',
			formData: {
   
				// 'user': 'test'
			},
			success: (uploadFileRes) => {
   
				console.log(uploadFileRes.data