我已成功允许用户将图像上传到本地存储,但我希望能够获取该图像并用它填充页面上的图像元素。
<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[name]”仅返回与该键配对的值。
Thanks!
好吧,你可以将实际的图像数据存储在 localStorage 中(但要小心 - 有一个限制)
看一下HTML5 岩石教程 http://www.html5rocks.com/en/tutorials/file/dndfiles/并向下滚动到标题位读取文件
这里正在读取文件,然后将输出放入 img:src 标记中。您还可以将其放入 localStorage
例子:http://jsfiddle.net/8V9w6/ http://jsfiddle.net/8V9w6/- 选择一个图像文件,看到缩略图吗?然后重新加载页面。缩略图应保留在那里。 (适用于最新的 Chrome/Firefox)
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)