javascript - 设置客户端浏览器内存

Question

我有一个应用程序，用户可以从计算机上传图像，然后在 Canvas 上绘制图像。

在 Chrome 和 Firefox 中我使用文件阅读器。但是，如果用户上传非常大的图像，则该图像无法正确加载或无法加载并且无法绘制到 Canvas 上。

我已经尝试过直接从计算机访问同一文件，效果很好。那么有什么方法可以增加浏览器内存以便正确加载大图像呢？

或者还有其他问题!!!

Answer 1

根据我的经验，对于上述平台，您可以可靠地至少押注 5MB。将您的数据保持在该水平以下，您应该会非常安全。

阅读这篇文章。 http://diveintohtml5.ep.io/storage.html它有一些不错的信息，但并不全部准确，尤其是说你不能超过限制的部分。我知道，在 iPhone 上，一旦达到限制，手机就会询问用户是否要留出更多空间。 (有点准确，但不完全)

在 Android 平台上，堆内存限制设置为 12MB。不知道其他平台怎么样。由于您将在某种网络容器(Webkit 或其他)中运行，所以我不会太担心它。容器本身非常擅长管理内存和实现文件缓存以最大限度地减少其占用空间。

我建议您将内存优化等留在最后。谁知道呢，你可能甚至不需要它。不要过早优化。

PS:看看Phonegap: http://phonegap.com/