業(yè)務(wù):
采購業(yè)務(wù)流程中當(dāng)財務(wù)人員打款后需要將打款流水圖片上傳到ftp服務(wù)器上□彘梗可是有時會上傳出錯俏站。所以這里需要一個修改的圖片的按鈕。
問題:
當(dāng)img的src的URL地址與之前相同(只更改圖片痊土,名稱不變肄扎,不同圖片相同名稱)時,結(jié)果圖片不變化赁酝,還是之前的圖片犯祠。但通過chrome調(diào)試發(fā)現(xiàn)圖片確實是變化的。那造成這個問題的原因時什么呢酌呆?
方法:
只需要每次刷新圖片時衡载,在img的src地址后面拼接一個隨機數(shù)即可。
例子:
原有圖片地址:<img src="http://img.boredou.com/1234556788.jpg" />
修改后圖片地址:<img src="http://img.boredou.com/1234556788.jpg?23333333" />
原理:
經(jīng)過在瀏覽起端調(diào)試隙袁,發(fā)現(xiàn)當(dāng)src的地址不變時痰娱,瀏覽器會從緩存里面取出來。而瀏覽器緩存的還是之前的圖片菩收。所以圖片不會變化梨睁。
而當(dāng)img的src中拼接了隨機參數(shù),那么瀏覽器會認(rèn)為這是一張新的圖片(或者說訪問了不同的路徑)娜饵,瀏覽器每次訪問都會訪問服務(wù)器而姐,而不會訪問緩存里數(shù)據(jù)。