localstorage에 업로드 된 img를 저장하는 방법은 무엇입니까?

내 확장 기능을 더 열심히하고있어 localstorage에 img를 저장하고 버튼에서 삭제하는 데 문제가 있습니다.localstorage에 업로드 된 img를 저장하는 방법은 무엇입니까?

<a href="#" id="die">DELETE IMG</a> 
<input type='file' id="imgInp" /> 
<div id="canvas"> 
    <img id="uploaded" src="#" alt="your image" /> 
</div>

및 스크립트 내가 편집을 시도 :

여기

function readURL() { 

    $('#uploaded').attr('src', '').hide(); 
     if (this.files && this.files[0]) { 
     var reader = new FileReader(); 
     $(reader).load(function(e) { 
      $('#uploaded').attr('src', e.target.result) 
      localStorage.setItem('img', e.target.result); 
     }); 
     reader.readAsDataURL(this.files[0]); 
    } 
} 

$('#uploaded').load(function(e) {  
    $(this).show(); 
}).hide(); 

$("#imgInp").change(readURL); 

$('#die').click(function() { 
    localStorage.clear(); 
    window.location.reload(); 
});

코드

어떤 도움과 jsfiddle 여기

내 HTML에 부분입니다 감사하겠습니다.

출처

2014-06-12 remibenault