Question

我现在正在使用javascript localstorage来创建一个应用程序，您可以在其中创建包含标题，图像，描述和位置的条目。一切都很好，除了我无法弄清楚如何处理图像。这是我用来创建条目的代码：

var json_entry = {'title': titleField.val(),
                  'image': $("#image").val(),
                  'content': contentField.val(),
                  'location': location};

正如您现在所看到的，我只是使用文件字段的值。这在我的条目中放了一条假路径。显然使用localstorage处理图像并不像我想象的那么简单。任何人都可以给我一个代码示例，说明如何使其工作吗？

Answer 1

将整个对象存储在localStorage中（当然是字符串化的）：

localStorage.setItem(imageEntry, JSON.stringify(json_entry));

Answer 2

出于安全原因，您无法执行此操作。您必须上传图片并将网址存储到上传的图片。

您可以尝试使用File API在localStorage中存储base64版本的映像。 Here's quick tutorial on it

考虑一下，如果您可以存储用户计算机上文件的路径并在需要时调用它，您可以非常轻松地请求C:\My Documents\Sensitive Data之类的内容。

Answer 3

对不起，我来这儿太晚了。

var json_entry = [];

json.push({
           title: titleField.val(),
           image: $("#image").val(),
           content: contentField.val(),
           location: location
          });

localstorage.setItem("imageDetail", JSON.stringify(json));

如何将图像放在javascript localstorage条目中

3 个答案: