如何从JavaScript中的表单中打印图像？

这是一个很小的形式，在这里我贴一个有效的URL，单击该按钮，并显示在第三输入类型元素的图像：如何从JavaScript中的表单中打印图像？

<input id="url" type="text"> 
<br><input id="getImage" type="button" onclick="getImages()" value="Get the image!"> 
<br><br><input id="showImage" type="image">

这是我的javascript：

function getImages() { 
    url=document.getElementById('url').value; 
    imagen=document.getElementById(showImage).value='<img src="'+url+'">'; 
}

我刚刚有我的第一个JavaScript类，并想知道使用什么函数，我知道这个imagen=document.getElementById(showImage).value='<img src="'+url+'">';是不正确的。

Uncaught TypeError: Cannot set property 'value' of null

当然，问题的行是：

imagen=document.getElementById(showImage).value='<img src="'+url+'">';

我想了解什么功能可以打印了这一点

当我尝试运行该脚本，我得到这个错误。谢谢！

来源

2013-10-22 Rosamunda

这里是正确的功能。您忘记使用' 您应该关闭输入标签。

function getImages() { 
    url=document.getElementById('url').innerHTML; 
    document.getElementById('showImage').innerHTML='<img src="'+url+'" />'; 
}

也许更好的代码将是：

<input id="url" type="text" onChange="getimages();"></input> 
<br><br><div id='showImage'></div> 
<script>function getimages() { 
    url=document.getElementById('url').value; 
    document.getElementById('showImage').innerHTML='<img src="'+url+'" />'; 
}</script>

所以当立即粘贴图像应出现的链接。

来源

2013-10-22 19:24:43

FORM元素有值。 HTML元素有innerHTML。

document.getElementById('showImage').innerHTML='<img src="'+url+'">'; 
window.print();

来源

2013-10-22 19:23:14

如何从JavaScript中的表单中打印图像？

回答

相关问题