使用javascript更改圖像時未加載img

Question

這是我的代碼，我不明白這有什么問題。

<html>
<body>
 <script type="text/javascript">
   function changeImage() {
     var image = document.getElementById('myImage');
     if (image.src.match("bulbon")) {
          image.src = "C:\Users\ashokch\Desktop\light_bulb_off3.jpg";
     } else {
       image.src = "C:\Users\ashokch\Desktop\bulbon.png";
    } 
 }
</script>

  <img id="myImage" onclick="changeImage()"
    src="C:\Users\ashokch\Desktop\light_bulb_off3.jpg"      width="100" height="180">


      <p>Click the light bulb to turn on/off the light</p>

      </body>
   </html>

當頁面進入瀏覽器但當我單擊圖像時，默認圖像為“顯示中”。

Answer 1

您沒有使用有效的文件協議（file：/// C：/mydir/index.html）訪問文件。 正如其他人所說，將它們“下一個”移動到您的html文件中，然后使用不帶路徑的文件名（例如light_bulb_off3.jpg），或將路徑更改為有效的名稱（例如file：/// C：/ Users / ashokch） /Desktop/light_bulb_off3.jpg）

Answer 2

嘗試這個：

<img src="file:///C:/Users/ashokch/Desktop/light_bulb_off3.jpg">

請注意 file：///協議處理程序。 和/ （斜杠）而不是\\ （反斜杠）。

它用於在瀏覽器中顯示本地文件 。

但這僅適用於本地文件。

如果您希望Web服務器提供這些圖像，請在Web服務器的根文件夾中創建一個文件夾。

例

/images

並將您的圖像存儲在該文件夾中。

然后將您的圖片src或javascript屬性指向絕對路徑。

<img src="/images/my-image.jpg">

這將使用您當前的網址，刪除主機名和協議，並附加src。

例

http://www.example.org/folder/test.html

<img src="{http://www.example.org}/images/my-image.jpg">

<img src="{http://www.example.org/folder/}images/my-image.jpg">

<img src="http://www.some-image-host.com/xyz123.jpg">

帶有協議和主機名/路徑的絕對含義。

相對平均值，相對於您當前域的根（無任何路徑）。

Answer 3

將您的圖片上傳到免費的圖片托管網站，例如：-

http://photobucket.com/或https://imageshack.com/

使用新的圖像鏈接，並檢查其是否有效。

“ bulbon” ？？？ 那是啥？

Answer 4

您的圖像路徑應相對於您的項目/代碼目錄，而不是文件系統。 將圖像復制到項目目錄中或提供相對路徑。 這樣可以解決問題。

使用javascript更改圖像時未加載img

問題描述

4 個解決方案

解決方案1
3 2014-05-06 17:24:42

解決方案2
2 2014-05-06 17:33:45

解決方案3
1 2014-05-06 17:21:25

解決方案4
0 2014-05-06 17:21:35

使用javascript更改圖像時未加載img

問題描述

4 個解決方案

解決方案1 3 2014-05-06 17:24:42

解決方案2 2 2014-05-06 17:33:45

解決方案3 1 2014-05-06 17:21:25

解決方案4 0 2014-05-06 17:21:35

解決方案1
3 2014-05-06 17:24:42

解決方案2
2 2014-05-06 17:33:45

解決方案3
1 2014-05-06 17:21:25

解決方案4
0 2014-05-06 17:21:35