如何導入圖像/按鈕點擊更改它們？ JavaScript

我試圖從服務器上的文件夾中嚴格使用JavaScript導入圖像，這樣我就可以通過點擊按鈕上的新圖像將其切換出來。我知道如何使用HTML導入照片，但有沒有辦法通過JavaScript來實現？做這個的最好方式是什麼？任何幫助，指導或例子將不勝感激。如何導入圖像/按鈕點擊更改它們？ JavaScript

來源

2012-11-21 heinst

您可以在頁面上的dom元素中嵌入圖像。這是一個非常簡單的示例html文件，它假定myimage.jpg文件位於同一個目錄中。查看w3schools瞭解關於javascript的更多信息。

<html> 
    <head> 
    <script type="text/javascript"> 
    function btnClick() 
    { 
     spanElement = document.getElementById("imgContainer"); 
     spanElement.innerHTML = '<img src="myimage.jpg" />'; 
    } 
    </script> 
    </head> 
    <body> 
     <button onclick="btnClick()">Show Image</button> 
     <span id="imgContainer"></span> 
    </body> 
</html>

來源

2012-11-21 02:23:56

沒有工作....我所有的照片都在一個文件夾命名Cat_Pictures，但我的HTML文件在我的服務器 – heinst

假設你的文件夾上傳到你的服務器文件夾的根，那麼你可以參考每個圖片，如'/Cat_Pictures/myimage.jpg'。再次，這是一個很好的w3schools參考來自不同位置的圖像的示例：http://www.w3schools.com/tags/tryit.asp?filename=tryhtml_image_diffloc –

如何導入圖像/按鈕點擊更改它們？ JavaScript

回答

相關問題