Calculation/app/view/profile/sign.ejs

<% include ./sub_menu.ejs %>
<div class="panel-content">
    <div class="panel-title">
        <div class="title-main">
            <h2>电子签名</h2>
        </div>
    </div>
    <div class="content-wrap">
        <div class="c-body">
            <div class="sjs-height-0">
            <div class="row m-0">
                <div class="col-5 my-3">
                    <!--账号资料-->
                    <form>
                        <div class="form-group">
                            <div class="form-check form-check-inline">
                                <input class="form-check-input sign-type" type="radio" name="sign" id="sign-type-1" value="1" checked>
                                <label class="form-check-label" for="sign-type-1">在线手写签名图</label>
                            </div>
                            <div class="form-check form-check-inline">
                                <input class="form-check-input sign-type" type="radio" name="sign" id="sign-type-2" value="2">
                                <label class="form-check-label" for="sign-type-2">上传签名图</label>
                            </div>
                        </div>
                        <div class="form-group" id="show-upload" style="display: none">
                            <label>上传签名图</label>
                            <input type="file" class="form-control-file" id="sign-upload">
                            <small class="form-text text-danger">图片大小为600x300，格式PNG透明背景。</small>
                        </div>
                        <div class="form-group" id="show-qrcode">
                            <label>在线手写签名</label>
                            <div><img src="/profile/qrCode" width="150"></div>
                            <small class="form-text text-danger">微信扫码使用在线手写程序</small>
                        </div>
                        <button type="button" class="btn btn-danger btn-sm" id="delete-sign">移除签名</button>
                        <div class="form-group">
                            <label>签名图预览</label>
                            <div>
                                <div class="position-relative">
                                    <img src="/public/images/baobiao3.png">
                                    <div class="position-absolute fixed-top" id="sign-show" style="left:290px;top:320px">
                                        <% if (accountData.sign_path !== '') { %>
                                            <img src="/public/upload/sign/<%= accountData.sign_path %>" width="90">
                                        <% } %>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </form>
                </div>
            </div>
            </div>
        </div>
    </div>
</div>
<script type="text/javascript">
    const csrf = '<%= ctx.csrf %>';
</script>
<script type="text/javascript" src="/public/js/profile.js"></script>