1. 程式人生 > >HTML img 重新整理圖片的問題

HTML img 重新整理圖片的問題

需要上傳圖片預覽.但是第二次上傳圖片顯示的時候發現之前的圖片沒有改變.後經過分析發現是地址相同第二次改變img src屬性的時候圖片未發生改變,瀏覽器第二次不會去請求伺服器。

今天在做ajax上傳圖片時:由於新上傳的圖片會處理成和原來的圖片名稱一樣,這樣就造成img標籤的src看起來是沒有變化的,所有就不會重新請求圖片。

解決方案很easy:

在修改img的src屬性的時候加上一個隨機數即可,讓瀏覽器以為每次請求的服務都不同.

加一個隨機數

image.attr('src', data.message+'?'+Math.random());  

或者加一個時間戳

var url=data+"?s="+ (new Date()).getTime();
$("#upload_right_img_img").attr("src",url);