イメージファイルとファイルパスから画像を取得したHTML angularjs

Question

this oneに似た質問があります。

どのように保存して、プレーンなJavaScriptを使用して、にし、パーソナライズされたキャッシュ、localStorageから画像をロードしていますか？あなたは、単にJavaScriptを使用することができ、ローカルストレージから画像を保存し、取得するための

Answer 1

。ここでは一例です：ローカルストレージに画像の保存について

bannerImage = document.getElementById('bannerImg'); 
    imgData = getBase64Image(bannerImage); 
    localStorage.setItem("imgData", imgData); 

    function getBase64Image(img) { 
     var canvas = document.createElement("canvas"); 
     canvas.width = img.width; 
     canvas.height = img.height; 

     var ctx = canvas.getContext("2d"); 
     ctx.drawImage(img, 0, 0); 

     var dataURL = canvas.toDataURL("image/png"); 

     return dataURL.replace(/^data:image\/(png|jpg);base64,/, ""); 
} 

Here is the link to the StackOverflow question

Answer 2

this post会談。