我在javascript中更改img圖片src，但img不刷新，如何刷新它？

我在javascript改變IMG SRC來自：我在javascript中更改img圖片src，但img不刷新，如何刷新它？

http://loclhost:8080/mvc/resources/pics/625bd317-b71c-4d74-aff2-248b86ff900b.jpg

到

http://loclhost:8080/mvc/resources/pics/4c1541ab-204c-4eff-b641-8527294e02cd.jpg

我的代碼是：

function selectdef(pic){ 
    var picid=pic.split('.')[0]; 
     $.ajax({  
      type:'post',   
      url:'defaultset/<c:out value="${pbid}"/>/'+picid,  
      data: {picid : pic},  
      cache:false,  

      success:function(data){ 
          //when ajax require success I will change the picture src 
       $(".products li img").src='<c:out value="${path}/"/>'+pic; 

      }, 
      error: function(e){ 
       alert(e.massage()); 
       } 
     }); 

    }

我的變化SRC行是：

$(".products li img").src='<c:out value="${path}/"/>'+pic;

但圖片直到不改變

但img不刷新，只有我重新加載頁面它可以刷新？爲什麼？我認爲與IMG不同的src應該刷新？

如何刷新它？

來源

2012-10-17 user504909

是的，它會的。如果JavaScript是正確的，我們可以看到嗎？和你的HTML？ –

我改變照片：$（「。products li img」）。src =''+ pic;真正的地址或腳本是/mvc/resources/pics/77f5f21c-fa3c-4508-aaa3-8eca3a88be3f.jpg我確認我在那裏有圖片，好像我刷新了圖片展示的頁面。 UUID由服務器隨機生成，因此每次都會改變。 – user504909

由於您使用jQuery來改變圖像的src屬性，您可以通過attr方法做到這一點：

$(".products li img").attr('src', '<c:out value="${path}/"/>' + pic);

如果你想使用本地src屬性，您需要訪問DOM元素首先使用src屬性之前：

$(".products li img")[0].src = '<c:out value="${path}/"/>' + pic;

我的建議是使用jQuery的attr方法。

來源

2012-10-17 17:02:03 Eli

我改變圖片爲：$（「。products li img」）。src =''+ pic;真正的地址或腳本是/mvc/resources/pics/77f5f21c-fa3c-4508-aaa3-8eca3a88be3f.jpg我確認我在那裏有圖片，好像我刷新了圖片展示的頁面。 UUID由服務器隨機生成，因此每次都會改變。 – user504909

這是我的錯：我使用jquery在錯誤的方式：

$(".products li img").src='<c:out value="${path}/"/>'+pic;

的corret使用應該是：

$('.productdefault li img').prop("src", '<c:out value="${path}/"/>'+pic);

的JDOM不能只是簡單的使用DOM的工作人員。

來源

2012-10-17 18:02:28 user504909

我在javascript中更改img圖片src，但img不刷新，如何刷新它？

回答

相關問題