将图像加载到localStorage,并将图像src设置到该位置
Loading an image to localStorage and setting an image src to that location
我已经成功地允许用户将图像上传到本地存储,但我希望能够拍摄该图像并用它填充页面上的图像元素。
<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]"只返回与该键配对的值。
谢谢!
您可以将实际的图像数据存储在localStorage中(不过要小心-有限制)
看看HTML5岩石教程&向下滚动到标题为正在读取文件的位
这里读取文件,然后将输出放入img:src标记中。你还可以把它放在本地存储中
示例:http://jsfiddle.net/8V9w6/-选择图像文件,查看缩略图?然后重新加载页面。缩略图应该保留在那里。(适用于最新的Chrome/Firefox)
相关文章:
- 可以在这里为背景图像设置滤镜吗
- 使用 js 将背景图像设置为 HTML
- 我想根据容器中包含的图像设置容器的高度
- 如何为 ajax 生成的图像设置绝对定位
- 为所有图像设置相同的高度
- 获取图像可见区域状态,以在画布中将图像设置在先前拖动的位置
- 将图像设置为背景
- 如何在 JQuery 中使用 $(this) 来为这些图像设置动画
- 将图像设置为同级元素的背景
- 将图像设置为背景
- 尝试为 4 张图像设置宽度和高度,但只有一张有效;其他人被跳过.ID 彼此不同
- 为什么我不能使用角度将此图像设置为链接
- 图像设置超时的替代方法
- 将图像设置为 100% 宽度或高度,以先到者为准
- 将按钮的背景图像设置为页面中已包含的元素
- 为每个图像设置不同的间隔
- 在不同的时间为每个图像设置“间隔”
- Javascript对象未将图像设置为数组
- 使用Raphael JS将背景图像设置为纸张
- 如何将背景图像设置为选定状态