Tag: 本地存储

HTML5上传前预先调整图像的大小

这是一个面条刮刀。 请记住,我们有HTML5本地存储和xhr v2,什么不是。 我想知道是否有人可以find一个工作的例子,甚至只是给我一个是或否的这个问题: 是否有可能预先使用新的本地存储(或其他)图像的大小,以便一个用户谁不知道调整图像的大小,可以拖动他们的10MB图像到我的网站,resize使用新的本地存储和那么以较小的尺寸上传它。 我完全知道你可以用Flash,Java applets,active X来做…问题是如果你可以用Javascript + Html5做。 期待在这一个回应。 Ta现在。

如何将图像保存到localStorage并将其显示在下一页上?

所以基本上,我需要做的标题状态; 上传一个图像,保存到localStorage,然后显示在下一页。 目前,我有我的HTMLfile upload: <input type='file' id="uploadBannerImage" onchange="readURL(this);" /> 其中使用此function在页面上显示图像 function readURL(input) { document.getElementById("bannerImg").style.display = "block"; if (input.files && input.files[0]) { var reader = new FileReader(); reader.onload = function (e) { document.getElementById('bannerImg').src = e.target.result; } reader.readAsDataURL(input.files[0]); } } 图像即时显示在页面上供用户查看。 然后要求他们填写表格的其余部分。 这部分工作完美。 一旦表格完成,他们然后按下“保存”button。 一旦按下此button,我将所有表单input保存为localStoragestring。 我需要一种方法来将图像保存为localStorage项目。 保存button也将引导他们到一个新的页面。 这个新的页面将把用户数据显示在表格中,图像位于最上面。 所以简单而简单,我需要在按下“保存”button后将图像保存在localStorage ,然后从localStorage的下一页上借出图像。 我发现了一些解决scheme,如这个小提琴: http : //jsfiddle.net/8V9w6/ 而这个: https : […]

如何将数组存储在localStorage中?

如果我不需要localStorage,我的代码将如下所示: var names=new Array(); names[0]=prompt("New member name?"); 这工作。 但是,我需要将这个variables存储在localStorage中,并且certificate它是相当固执的。 我试过了: var localStorage[names] = new Array(); localStorage.names[0] = prompt("New member name?"); 我哪里错了?

localStorage值的最大值是多less?

由于localStorage (当前)只支持string作为值,为了做到这一点,对象需要在被存储之前被string化(存储为JSONstring),是否存在对值长度的限定。 有谁知道是否有一个适用于所有浏览器的定义?

本地存储vscookies

我想通过将所有的cookie移动到本地存储来减less我的网站上的加载时间,因为它们似乎具有相同的function。 除了显而易见的兼容性问题之外,使用本地存储replaceCookiefunction有什么优点/缺点(尤其是性能方面)?

将对象存储在HTML5 localStorage中

我想要在HTML5 localStorage存储JavaScript对象,但我的对象显然是被转换为string。 我可以使用localStorage存储和检索原始JavaScripttypes和数组,但对象似乎不工作。 他们应该吗? 这是我的代码: var testObject = { 'one': 1, 'two': 2, 'three': 3 }; console.log('typeof testObject: ' + typeof testObject); console.log('testObject properties:'); for (var prop in testObject) { console.log(' ' + prop + ': ' + testObject[prop]); } // Put the object into storage localStorage.setItem('testObject', testObject); // Retrieve the object from storage var […]