<div id="signature" style="height:100%;"></div> <input id="clear" type="button" value="清除"> <input id="export" type="button" value="输出图片"> <input id="save" type="button" value="保存base64"> <div id="pic"></div> <p id="base" style="width:90%;"></p> <script type="text/javascript" charset="utf-8"> mui.plusReady(function() { plus.screen.lockOrientation('landscape-secondary'); }); $(document).ready(function() { $("#signature").jSignature() }); document.getElementById("clear").addEventListener('tap', function() { $("#signature").jSignature("reset"); $("#pic")[0].innerHTML = ''; }); document.getElementById("save").addEventListener('tap', function() { var datapair = $("#signature").jSignature("getData", "image"); var array = datapair.splice(","); mui.toast(array[1]); }); document.getElementById("export").addEventListener('tap', function() { var datapair = $("#signature").jSignature("getData", "image"); var i = new Image(); i.src = "data:" + datapair[0] + "," + datapair[1]; $(i).appendTo($("#pic")); }); </script>请帮我完善这个代码,把id="pic"输出的内容,提交到<textarea name="body" placeholder="留言内容"></textarea>里面,
时间: 2023-08-07 14:05:28 浏览: 148
组织元素span和div-很有用的java资料
你可以在 "export" 按钮的事件处理程序中,将图片的 base64 编码添加到 textarea 中,如下所示:
```javascript
document.getElementById("export").addEventListener('tap', function() {
var datapair = $("#signature").jSignature("getData", "image");
var i = new Image();
i.src = "data:" + datapair[0] + "," + datapair[1];
$(i).appendTo($("#pic"));
// 获取图片的 base64 编码
var base64 = datapair[1];
// 将 base64 编码添加到 textarea 中
$("textarea[name='body']").val(base64);
});
```
这将把 id 为 "pic" 的 div 中的内容,转换成 base64 编码,并将其添加到名称为 "body" 的 textarea 中。
阅读全文