2

ここにある Drawing アプリを使用しようとしています: https://github.com/brinley/jSignature/

状況：

1

画像を描画できるエディットパッド画像 を抜き出してAJAXで画像を別ファイルに送るボタン

2

2 番目のファイルは画像を取得し、ファイルとして書き込みます。

問題

署名フィールドは問題なく機能します。ただし、データを抽出して別のファイルに送信することはできません。

function GetCanvasContents() {
    var datapair = $("#signature").jSignature("getData", "svgbase64")
    var i = new Image()
    i.src = "data:" + datapair[0] + "," + datapair[1]
    $(i).appendTo($("#displayarea"))
    var SetImage = $("#frameDemo").contents();

    SendSignatureImage(SetImage);
}

function SendSignatureImage(Image) {
    ///######## SENDING THE INFORMATION BY AJAX
    $.ajax({
        type:   "POST",             ///######## SEND TYPE
        url:    "fetchimage.php",   ///######## TARGET FILE TO RETRIEVE INFORMATION
        data: {
            'image': Image
        },
        ///######## IN CASE OF SUCCESS
        success: function (response) {
            if (response == "ok") {
                alert("correct");
            }
            else {
                alert("Response = " + response);
            }
        }
    }
    );
}

HTML コード:

<div>
<div id="content">
    <button name="GetContents" onclick="GetCanvasContents();">Get contents</button>
    <div id="signatureparent">
        <div id="signature">
        </div>
    </div>
    <div id="tools"></div>
    <div><p>Display Area:</p><div id="displayarea"></div></div>
</div>
<div id="scrollgrabber"></div>
</div>
4

1 に答える 1

2

datapair[1] 変数にある base64 でエンコードされた XML 文字列を PHP ページに送信し、それを PHP のサーバー側で画像に変換する必要があります。

于 2016-01-26T23:36:32.927 に答える