文章/答案/技术大牛

发布

社区首页 >问答首页 >JavaScript -如何定制jsignature功能？

问JavaScript -如何定制jsignature功能？
EN

Stack Overflow用户

提问于 2017-09-28 15:05:43

回答 1查看 1.7K关注 0票数 0

我在我的项目中开发了一个名为“plugin”的签名捕获插件。我想将它添加为表单中的一个字段，如下所示。

但是我不想在表单中使用click函数，也不想在表单中使用文本区域。只有更改签名和提交数据才能保存在帖子中。不幸的是，我想用javascript对其进行自定义，我没能弄清楚这一点。

我的代码如下所示：

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
</head>
<!-- jQuery -->
<script
    src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<script
    src="https://cdnjs.cloudflare.com/ajax/libs/modernizr/2.8.3/modernizr.min.js"></script>
<script
    src="https://cdn.jsdelivr.net/npm/jsignature@2.1.2/libs/jSignature.min.js"></script>

<!--[if lt IE 9]>
<script type="text/javascript" src="libs/flashcanvas.js"></script>
<![endif]-->

<!-- jSignature -->
<style>
#signature {
    width: 100%;
    height: auto;
    border: 1px solid black;
}
</style>
<form method="post" action="test.php">
    <!-- Signature area -->
    <div id="signature"></div>
    <br /> <input type='button' id='click' value='click'>
    <textarea id='output' name='sig'></textarea>
    <br />

    <!-- Preview image -->
    <img src='' id='sign_prev' style='display: none;' /> <input
        type="submit" name="submit">
</form>
<!-- Script -->
<script>
    $(document).ready(function() {

        // Initialize jSignature
        var $sigdiv = $("#signature").jSignature({
            'UndoButton' : true
        });
        true
        $('#click').click(function() {
            // Get response of type image
            var data = $sigdiv.jSignature('getData', 'image');

            // Storing in textarea
            $('#output').val(data);

            // Alter image source 
            $('#sign_prev').attr('src', "data:" + data);
            $('#sign_prev').show();
        });
    });
</script>
</html>

我不知道在哪里更改代码。我想在提交表单后将数据保存在数据库中，而不需要任何文本和单击按钮。有人能给我推荐一篇文章、教程或一些帮助吗？

php

jquery

html

jsignature

回答 1

Stack Overflow用户

发布于 2017-09-28 15:23:24

我想这就是你要找的

 <script>
        $(document).ready(function() {
            // Initialize jSignature
            var $sigdiv = $("#signature").jSignature({
                'UndoButton' : true
            });
            true

            $('#signature').change(function() {    
                var data = $sigdiv.jSignature('getData', 'image');
                // Storing in textarea
                $('#output').val(data);

                // Alter image source 
                $('#sign_prev').attr('src', "data:" + data);
                $('#sign_prev').show();
            });
        });
    </script>

票数 1

页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持

原文链接：

https://stackoverflow.com/questions/46462925

复制

相似问题

问JavaScript -如何定制jsignature功能？
EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript -如何定制jsignature功能？EN

回答 1

Stack Overflow用户

社区

活动

圈层

关于

腾讯云开发者

热门产品

热门推荐

更多推荐

问JavaScript -如何定制jsignature功能？
EN