将JSignature输出存储到mysql中,以便在单独的页面上重新绘制
Store JSignature output to mysql to be redrawn on separate page
有人能向我解释一下如何获取我的JSignature表单的输出并将其存储在我的MySQL数据库中,这样我以后就可以在另一个页面上重新绘制这个愚蠢的东西吗?我发誓有时我觉得自己像个十足的白痴。请记住,我对Javascript知之甚少,可能需要有人一步一步地指导我。
好吧,我已经在我的页面上使用了JSignature,代码如下:
<div id="signatureparent">
<div id="signature"></div>
<button type="button" onclick="$('#signature').jSignature('clear')">Clear</button>
<button type="button" onclick="alert($('#signature').jSignature('getData','base30'))">Save</button>
</div>
<div id="scrollgrabber"></div>
<script src="jsig/src/jSignature.js"></script>
<script src="jsig/src/plugins/jSignature.CompressorBase30.js"></script>
<script src="jsig/src/plugins/jSignature.CompressorSVG.js"></script>
<script src="jsig/src/plugins/jSignature.UndoButton.js"></script>
<script>
$(document).ready(function() {
var $sigdiv = $("#signature").jSignature({'UndoButton':false})
})
</script>
这一切都在一个通过$_POST提交一堆数据的表单中。
正如你所看到的,我添加了一个按钮,可以将输出显示到任何警报窗口,但我不知道如何将该值放置在隐藏的输入中,以便它可以与我的表单的其余部分一起提交。
提前感谢大家。
有趣的插件。
<div id="signatureparent">
<div id="signature"></div>
<button type="button" onclick="$('#signature').jSignature('clear')">Clear</button>
<button type="button" id="btnSave">Save</button>
</div>
<input type="hidden" id="hiddenSigData" name="hiddenSigData" />
<div id="scrollgrabber"></div>
<script src="jsig/src/jSignature.js"></script>
<script src="jsig/src/plugins/jSignature.CompressorBase30.js"></script>
<script src="jsig/src/plugins/jSignature.CompressorSVG.js"></script>
<script src="jsig/src/plugins/jSignature.UndoButton.js"></script>
<script>
$(document).ready(function() {
var $sigdiv = $("#signature").jSignature({'UndoButton':false});
// -- i explain from here...
$('#btnSave').click(function(){
var sigData = $('#signature').jSignature('getData','base30');
$('#hiddenSigData').val(sigData);
});
// -- ... to here.
})
</script>
上面的代码片段说:
1."当id为"btnSave"的按钮被单击时"
2.将签名画布转换为bas64编码的字符串,并将其保存在名为"sigData"的变量中
3.将id为"hiddenSigData"的字段的值设置为变量"sigData"
轰,你有了。
你有处理表单的服务器端代码吗?我假设您使用的是<form>
标签。。。则该字段将仅与POST’ed数据一起出现。
如果您没有任何数据处理程序,则需要根据您正在运行的内容来研究C#/PHP。但是,无论如何。。这是JS位。
相关文章:
- 使用新参数通过服务器端处理重新绘制引导数据表
- 在新窗口中打开时,未在画布中绘制图像
- 在新框架上绘制图像,同时仍然使用P5.js中的利萨茹曲线
- 将许多新图像绘制到画布时内存泄漏
- 有没有一种好方法可以添加新框并使用 javascript 重新绘制画布
- 谷歌地图多边形 - 添加新点后重新绘制
- 需要使用新数据重新绘制地图(与CartoDB.js结合使用)
- 使用单击功能绘制新的动态JS多边形
- HTML5 画布 - 使用剪辑擦除新圆圈后重新绘制新圆圈
- 使用数据表(Meteor Tabular)在新行中绘制数组的每个元素
- 将json中的数据合并到一个新的数组中,并使用d3.js绘制形状
- 如何加载新图像并将其绘制到画布上
- 使用阶梯将绘制的形状移动到新的Y
- 单击按钮打开一个新窗口,并用D3绘制多个大圆
- 谷歌地图v3方向渲染器重新绘制响应
- 删除以前的路线,并绘制一个新的路线
- 画布-只绘制时,悬停在新的瓷砖,而不是整个画布
- 如何将前一个函数的结果绘制到JavaScript中的新函数中
- 如何绘制画布到新的html页面
- 绘制新形状时删除DrawingManager形状