在客戶端通過javascript顯示圖像

我正在建立一個網站，我必須在頁面上多次顯示用戶的個人資料圖片，例如10至15次。個人資料圖像大小爲80Kb，它從網址中獲取（不在我的服務器上）。多次顯示會增加瀏覽器請求，從而增加頁面大小。是否有任何方法可以在客戶端通過javascript顯示圖像，以便圖像只下載一次並保存到某個變量中以多次顯示。或者，如果你知道一些更好的選擇，將不勝感激。非常感謝。在客戶端通過javascript顯示圖像

來源

2017-08-29 zish

讓您的個人資料圖片鏈接，你目前如何顯示圖片 –

@AnandSiddharth當前在php中通過echo顯示它的url並使用img src標記 – zish

@zish。直到現在你已經嘗試過。請分享您的代碼並嘗試提供jsfiddle。 – Shiladitya

請參考上註銷該鏈接

https://www.ibm.com/developerworks/community/blogs/bobleah/entry/html5_code_example_store_images_using_localstorage57?lang=en

可以清除存儲

<script> 
     var hero; 

     if (localStorage.getItem('heroImg')) { 
     hero = localStorage.getItem('heroImg'); 
     } 
     else { 
     hero = '/9j/4AAQSkZJRgABAgAAZABkAAD/7 /.../ 6p+3dIR//9k='; 
     localStorage.setItem('heroImg',hero); 
     } 

     document.getElementById("hero-graphic").src='data:image/png;base64,' + hero; 
    </script> 


    <img id="hero-graphic" alt="Blog Hero Image" src="" />

這裏hero = '/9j/4AAQSkZJRgABAgAAZABkAAD/7 /.../ 6p+3dIR//9k=';您可以通過Ajax

來源

2017-08-29 05:15:27 Yogesh

在客戶端通過javascript顯示圖像

回答

相關問題