想实现在线电子签名,及生成签名到合同文件
第一部分: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) =