如何将src的值输入输入然后在另一页上显示它？

Question

I want to put the value of i.src into the input and then display the generated image on the other page using the post command

$('#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.
    document.getElemenById('sig').value = i.src;  //store the value of i.src to input
    alert("done1");
});

then store the value here

 <input type="image" id="sig" name="sig" />

then display it on the other page using this

 <?php echo $_POST["sig"]; ?>

Am I doing this right?

this is the sample

sample telexperience.net76.net/sample.html

the generated image must be stored in an input then be displayed on the other page using the $_POST

Answer 1

Not sure I understand exactly what you're trying to do but you can assign whatever value you want to the input sig.

$("#sig").val(youvaluegoeshere);

Then when the form is submitted you can access that value and display. I am not sure I understand the rest of your code though.

Answer 2

jQuery(function(){
    jQuery('#create').bind('click', function(e) {
        var datapair = $sigdiv.jSignature("getData", "image");
        var img = jQuery("<img src='"+"data:" + datapair[0] + "," + datapair[1];+"' />");
        jQuery("input#sig").val(jQuery(img).attr("src"));
    })
});

Answer 3

You should just change from:

 <input type="image" id="sig" name="sig" />

to

 <input type="hidden" id="sig" name="sig" />

Notice that I changed the type from image to hidden . Some browsers do not send the value of image type input controls.

Keep everything else as is and it should work fine.