Chargement d'une image à localStorage et réglage d'une image src à cet emplacement

J'ai été autorisé pour un utilisateur de télécharger une image pour le stockage local, mais je veux être en mesure de prendre cette image et de remplir un élément de l'image sur la page avec que.

<h3>Please upload the image you wish to use.</h3>
<input id="photoin" type="file" accept="image/*;capture=camera"></input>
<a href="#delete_1" data-role="button" onClick="save()">Submit</a>

<script>
    var i = 0; 
    function save(){                
        var input = document.getElementById("photoin").value; 
        var name = "photo_" + i; 
        localStorage.setItem(name, input);      
        $("#QR").src = window.localStorage[name]; 
        i++; 
    }
</script>

Je suis à la recherche de quelque chose qui va réussir à me donner l'URL de l'image dans le stockage, le considérant comme "fenêtre.localStorage[nom]" ne renvoie la valeur jumelé avec cette clé.

Merci!