如何连接<img src =“字符串” + document.getElementById('').value

时间:2019-06-21 17:24:41

标签: html css

我正在尝试使用\和图像路径来显示图像,但是将实际的image.png文件添加为文本字段中的变量。我不断收到错误消息,指出文件不存在...但是确实存在。

我已经尝试过搜索网络,但是没有什么适合这个特定问题。

<img src=""

需要能够获取输入字段[图像名称]并将其传递给

我不断收到错误消息,指出该文件不存在...,它确实存在。

1 个答案:

答案 0 :(得分:3)

这似乎可以解决问题:输入图片名称并单击任意位置,即可提供新图片。

<body onclick="foo()">
<label class="buslabel" for="Name">Window Pane Image:

<strong><input id="WindowPaneImage" style="margin-left: 10px; border: none; padding: 0;" type="text" class="busaddinput" placeholder="Image.png" name="WindowPane" size="15" maxlength="15" 
value= ""></strong>

 </label>


 <img src= "" class="FrameRectangle" id="img">


 <script>  
    function foo(){  
    var name1=document.getElementById("WindowPaneImage").value;  
    document.getElementById("img").src = name1; 
    }  
 </script>  
 </body>