javascript - 如何在php中获取并打印页面内的图像

Question

我想打印页面内的图像。这是我的代码

<form method="post" action="" enctype="multipart/form-data">
    <input type="radio" value="<img src='images/image1.jpg'>">
    <img src="images/image1.jpg" width="50px" height="50px"><br/>
    <input type="radio" value="<img src='images/image2.jpg'>">
    <img src="images/image2.jpg" width="50px" height="50px"><br/>
    <input type="radio" value="Both" />Both<br/>
</form>

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
    $("input:radio[type=radio]").click(function(){
        var value = $(this).val();
        $('#showoption').val(value);
    });
</script>

<label>Value</label>	 
<input type="text" id="showoption" name="name" disabled="disabled">	
</label>

当我单击选定的单选按钮时，它会打印图像 url。如何打印选定的图像。

Answer 1

您将通过 src 获得精确的图像标签，因此您需要做的就是将其放入页面中的某个 HTML 中。所以我用 div 更改输入框，现在单击 div 将填充图像标签。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js"></script>
<script type="text/javascript">
$("input:radio[type=radio]").click(function() {
var value = $(this).val();
$('#showoption').html(value);
    });
</script>

<label>Value</label>

<div id="showoption"></div>