我正在嘗試使用& ltimg src= " "帶有圖像路徑,但添加了實際的image.png文件作為文本字段中的變量。我不斷得到一個文件不存在的錯誤...但確實如此。
我試著在網上搜索,但是沒有適合這個特殊問題的。
<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"
></strong>
</label>
<img src="C:/Users/jaydr_000/Desktop/Web Development/SFF/Vend-images/ +
document.getElementById('WindowPaneImage').value"
class="FrameRectangle">
需要能夠獲得輸入字段[圖像名稱]并將其傳遞給 我不斷得到一個文件不存在的錯誤...,確實存在。
這看起來很管用:只要你輸入圖片的名稱并點擊任何地方,新的圖片就出現了。
<body>
<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="100"
maxlength="100"
onchange="foo()"
>
</strong>
</label>
<img src= "" class="FrameRectangle" id="img">
<script>
function foo(){
var name1 = document.getElementById("WindowPaneImage").value;
document.getElementById("img").src = name1;
}
</script>
</body>