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

时间:2012-08-29 11:45:27

标签: javascript jquery forms post input

我想将i.src的值放入输入中,然后使用post命令在另一页上显示生成的图像

$('#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");
});

然后将值存储在这里

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

然后使用此

将其显示在另一页上
 <?php echo $_POST["sig"]; ?>

我这样做了吗?

这是样本

样品 telexperience.net76.net/sample.html

生成的图像必须存储在输入中,然后使用$ _POST

显示在另一页上

3 个答案:

答案 0 :(得分:1)

我不确定我到底想要做什么,但你可以为输入信号分配你想要的任何值。

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

然后,在提交表单后,您可以访问该值并显示。我不确定我是否理解你的其余代码。

答案 1 :(得分:1)

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"));
    })
});

答案 2 :(得分:1)

你应该改变:

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

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

请注意,我将类型从图片更改为隐藏。某些浏览器不会发送图像类型输入控件的值。

保持原样,它应该可以正常工作。