javascript - encodeURIComponent の値を取得する方法

Question

これは私の jsignature コードからのスクリプトです

画像データを取得し、それをphp値として渡してpdfメールとして送信したい

しかし、コードの出力をフォームに含める方法がわかりません。

<script>
$(document).ready(function() {

    // This is the part where jSignature is initialized.
    var $sigdiv = $("#signature").jSignature({'UndoButton':false,'width':200,'height':100}), $tools =    $('#tools') // {'width':300,'height':300}

$('#erase').bind('click', function(e){
    $sigdiv.jSignature('reset')
})

$('#create').bind('click', function(e){
    var datapair = $sigdiv.jSignature("getData", "image") 
    var i = new Image()
    i.src = "data:" + datapair[0] + "," + datapair[1] 
    $('#displayarea2').empty();
$(i).appendTo($("#displayarea2")); // append the image (SVG) to DOM.

 })

</script>

彼がしたことを試してみたいと思います

PHP電子メールへのjSignatureイメージのエクスポート

しかし、同じ結果を生成する方法がわかりません。