加载到localStorage的图像和图片src设置到该位置(Loading an image to

我已经成功地允许用户上传到本地存储的图像，但我希望能够再采取图像和填充图像元素与在页面上。

<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>

我正在寻找一些能够成功地给我图片的URL中存储，看到“window.localStorage [名]”只返回与该键配对的值。

谢谢！

Answer 1:

那么你可以存储在localStorage的实际图像数据（不过要小心 - 有限制）

看看HTML5的岩石教程和向下滚动到比特为首读取文件

这里正在读取该文件，然后输出放在IMG：SRC标签。 你还可以把它的localStorage

例如： http://jsfiddle.net/8V9w6/ -选择一个图像文件，看到缩略图？ 然后重新加载页面。 缩略图应该留在那里。 （工程最新的Chrome / Firefox浏览器）

文章来源: Loading an image to localStorage and setting an image src to that location