Question

我一直在实施jes-sherborne / jquery-signature-panel-plugin。我正处于签名成功发布到签名文件夹的位置。

我需要在当前记录的变量中记录最后一个签名的url路径。

我在同一个项目中使用网络摄像头应用程序实现了这一点，但我对签名图像（.png）有困难。

<script type="text/javascript">

    function signatureOK(signatureData) {
        // Send the signature to the server and generate an image file.
        $.ajax({
            url:"process_signature.php",
            type:"POST",
            data:JSON.stringify(signatureData),
            contentType:"application/json; charset=utf-8",
            dataType:"text",
            success: function(data, textStatus, jqXHR){
                $("#latest-signature").attr("src", data);
            },
            error: function(jqXHR, textStatus, errorThrown) {
                console.log(textStatus);
                console.log(errorThrown);
            }
        });
        $("#my-panel").signaturePanel("clear");
    }

    function signatureCancel() {
        alert("You clicked Cancel.");
    }

    $(document).ready(function() {
        $("#my-panel").signaturePanel({
            okCallback: signatureOK,
            cancelCallback: signatureCancel
        });
    });

</script>

我试图保存签名的字段是：

<input type="hidden" name="x_image" id="x_image" value="<%= Server.HTMLEncode(Table1.image.CurrentValue&"") %>">

我用于将网络摄像头捕获图像成功保存到变量的代码是：

function my_completion_handler(msg) {
        // extract URL out of PHP output
        if (msg.match(/(http\:\/\/\S+)/)) {
            var image_url = RegExp.$1;
            // show JPEG image in page
            $("#x_image").val(image_url); //update <Field Name>

$("#x_image"). // being the field name.

我尝试过实现相同的结构但失败了。一直在砍伐和改变几天。我对此非常陌生，非常感谢任何指导。

谢谢，迈克。

Answer 1

我设法通过更改代码来解决此问题：

function signatureOK(signatureData) {
        // Send the signature to the server and generate an image file.
        $.ajax({
            url:"process_signature.php",
            type:"POST",
            data:JSON.stringify(signatureData),
            contentType:"application/json; charset=utf-8",
            dataType:"text",
            success: function(data, textStatus, jqXHR){
                $("#latest-signature").attr("src", data);

要：

function signatureOK(signatureData) {
        // Send the signature to the server and generate an image file.
        $.ajax({
            url:"process_signature.php",
            type:"POST",
            data:JSON.stringify(signatureData),
            contentType:"application/json; charset=utf-8",
            dataType:"text",
            success: function(data, textStatus, jqXHR){
                $("#latest-signature").attr("src", data);
            var img_src = $('#latest-signature').attr('src');
                          $("#x_image").val(img_src);

现在将图像的URL发布到图像变量。现在，这会在我的列表页面上显示签名。

jes-sherborne / jquery-signature-panel-plugin：将URL发布到asp变量

1 个答案: