重新上傳圖片後 地址不變 瀏覽器載入不到的問題

来源:http://www.cnblogs.com/haokk/archive/2016/05/26/5530664.html
-Advertisement-
Play Games

做項目的時候遇到一個問題: 上傳文件以後,相同的地址,第一次載入沒有問題,當你操作次數過快,上傳次數過多時,後面的圖片會出現載入不到的情況,瀏覽器載入依舊是上一個,或者更早之前的圖片。 此問題出現原因: 這涉及到瀏覽器緩存規則的問題。當你第二次或多次請求同一地址時,瀏覽器會加一個If-Modifie ...


做項目的時候遇到一個問題:

  上傳文件以後,相同的地址,第一次載入沒有問題,當你操作次數過快,上傳次數過多時,後面的圖片會出現載入不到的情況,瀏覽器載入依舊是上一個,或者更早之前的圖片。

此問題出現原因:

  這涉及到瀏覽器緩存規則的問題。當你第二次或多次請求同一地址時,瀏覽器會加一個If-Modified-Since參數,記錄上次請求的文件的最後修改時間(只精確到秒),web伺服器收到請求後發現有頭If-Modified-Since 則與被請求資源的當前最後修改時間進行對比

如果時間一致,那麼返回HTTP狀態碼304(不返迴文件內容),客戶端接到之後,就直接把本地緩存文件顯示到瀏覽器中。如果時間不一致,就返回HTTP狀態碼200和新的文件內容,客戶端接到之後,會丟棄舊文件,把新文件緩存起來,並顯示到瀏覽器中。這時候如

果你是操作過快的話,就會出現沒有載入第二次的上傳文件的問題。

解決方法:

  在請求地址後加個隨機數的參數 例如:“http://offlintab.firefoxchina.cn/static/img/search/baidu_web.png?r=”+Math.Random();

  次方法同樣適用與iframe等..

 


您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • ibatis改名為mybatis已經將近一年了,mybatis3也發佈了,但是相關的開發文檔卻很少,查閱了官方的使用指南,也是說的模糊不清,一筆帶過,尤其是註解部分,只是列舉了註解種類,卻沒有對應的例子,因此可能會給某些兄弟使用mybatis註解帶來困惑,我想就我微薄的知識想對mybatis註解的使 ...
  • 其實關於線程的使用,之前已經寫過博客講解過這部分的內容: http://www.cnblogs.com/deman/category/621531.html JVM裡面關於多線程的部分,主要是多線程是如何實現的,以及高效併發。 1.Java記憶體模型 CPU在運行的時候,不可能把所有的東西都放在寄存器 ...
  • 關於super和this有一個奇怪的現象: 例1: class grandfather{ String name="grandfather"; } class father extends grandfather{ String name="father"; void show(){ System. ...
  • 一、高階函數 map,reduce 1.map() 函數接收兩個參數,一個是函數,一個是序列,map將傳入的函數依次作用到序列的每個元素,並把結果作為新的list返回。 2. reduce 把一個函數作用在一個序列[x1, x2, x3...]上,這個函數必須接收兩個參數,reduce把結果繼續和序 ...
  • 一、條件和迴圈 1. if語句 例如: 一定要註意條件語句結尾的冒號,以及代碼段的縮進。 只要if參數是非零數值、非空字元串、非空list等,就判斷為True,否則為False。 2.迴圈 range(num):返回0到num-1之間的整數。例如: for迴圈:for x in ...迴圈就是把每個 ...
  • 話不多說,直接上源碼: 代碼怎麼運行,看這個:https://github.com/ShenJianShou/crawler_samples/blob/master/%E5%A6%82%E4%BD%95%E6%89%A7%E8%A1%8C%E6%A0%B7%E4%BE%8B%E4%BB%A3%E7% ...
  • 一、 定義函數 定義一個函數要使用def語句,依次寫出函數名、括弧、括弧中的參數和冒號:,然後,在縮進塊中編寫函數體,函數的返回值用return語句返回。如果沒有return語句,函數執行完畢後也會返回結果,只是結果為None。。 定義空函數可以用pass 定義函數時,需要確定函數名和參數個數; 如 ...
  • 作者QQ:1095737364 Intellij 是Java開發人員最喜歡的編程工具.預設情況只能打開一個視窗一個項目,本文就是教大家打開多個視窗,實現同時打開多個項目 第一步:打開Intellij,找到FIle >Setting,打開Settings: 第二步:找到IDE Settings下的Ge ...
一周排行
    -Advertisement-
    Play Games
  • 移動開發(一):使用.NET MAUI開發第一個安卓APP 對於工作多年的C#程式員來說,近來想嘗試開發一款安卓APP,考慮了很久最終選擇使用.NET MAUI這個微軟官方的框架來嘗試體驗開發安卓APP,畢竟是使用Visual Studio開發工具,使用起來也比較的順手,結合微軟官方的教程進行了安卓 ...
  • 前言 QuestPDF 是一個開源 .NET 庫,用於生成 PDF 文檔。使用了C# Fluent API方式可簡化開發、減少錯誤並提高工作效率。利用它可以輕鬆生成 PDF 報告、發票、導出文件等。 項目介紹 QuestPDF 是一個革命性的開源 .NET 庫,它徹底改變了我們生成 PDF 文檔的方 ...
  • 項目地址 項目後端地址: https://github.com/ZyPLJ/ZYTteeHole 項目前端頁面地址: ZyPLJ/TreeHoleVue (github.com) https://github.com/ZyPLJ/TreeHoleVue 目前項目測試訪問地址: http://tree ...
  • 話不多說,直接開乾 一.下載 1.官方鏈接下載: https://www.microsoft.com/zh-cn/sql-server/sql-server-downloads 2.在下載目錄中找到下麵這個小的安裝包 SQL2022-SSEI-Dev.exe,運行開始下載SQL server; 二. ...
  • 前言 隨著物聯網(IoT)技術的迅猛發展,MQTT(消息隊列遙測傳輸)協議憑藉其輕量級和高效性,已成為眾多物聯網應用的首選通信標準。 MQTTnet 作為一個高性能的 .NET 開源庫,為 .NET 平臺上的 MQTT 客戶端與伺服器開發提供了強大的支持。 本文將全面介紹 MQTTnet 的核心功能 ...
  • Serilog支持多種接收器用於日誌存儲,增強器用於添加屬性,LogContext管理動態屬性,支持多種輸出格式包括純文本、JSON及ExpressionTemplate。還提供了自定義格式化選項,適用於不同需求。 ...
  • 目錄簡介獲取 HTML 文檔解析 HTML 文檔測試參考文章 簡介 動態內容網站使用 JavaScript 腳本動態檢索和渲染數據,爬取信息時需要模擬瀏覽器行為,否則獲取到的源碼基本是空的。 本文使用的爬取步驟如下: 使用 Selenium 獲取渲染後的 HTML 文檔 使用 HtmlAgility ...
  • 1.前言 什麼是熱更新 游戲或者軟體更新時,無需重新下載客戶端進行安裝,而是在應用程式啟動的情況下,在內部進行資源或者代碼更新 Unity目前常用熱更新解決方案 HybridCLR,Xlua,ILRuntime等 Unity目前常用資源管理解決方案 AssetBundles,Addressable, ...
  • 本文章主要是在C# ASP.NET Core Web API框架實現向手機發送驗證碼簡訊功能。這裡我選擇是一個互億無線簡訊驗證碼平臺,其實像阿裡雲,騰訊雲上面也可以。 首先我們先去 互億無線 https://www.ihuyi.com/api/sms.html 去註冊一個賬號 註冊完成賬號後,它會送 ...
  • 通過以下方式可以高效,並保證數據同步的可靠性 1.API設計 使用RESTful設計,確保API端點明確,並使用適當的HTTP方法(如POST用於創建,PUT用於更新)。 設計清晰的請求和響應模型,以確保客戶端能夠理解預期格式。 2.數據驗證 在伺服器端進行嚴格的數據驗證,確保接收到的數據符合預期格 ...