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

cathy1213

于 2021-09-28 09:05:43 发布

阅读量5.9k

点赞数

文章标签： php 微信小程序

本文链接：https://blog.csdn.net/zdzzn1314/article/details/120521588

版权

本文介绍了如何使用uniapp小程序配合PHP实现电子签名功能，并将签名集成到合同文件中。首先，通过uniapp的小程序端集成手写签名组件，获取签名图片并上传至后台。然后，在PHP接口部分，利用PHPWord库处理合同模板，进行变量替换，包括图片和文字，最终生成合同文件。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

最低0.47元/天解锁文章