angularjs - 使用angularjs上传图像并保存在本地存储中

Question

我想在我的页面上有一个按钮，从那里我可以从本地系统上传图像，然后我想将该图像保存在我的本地存储中。

我很想在这里学习 angularjs。

Answer 1

您希望将图像编码为 base 64 字符串并将其存储在本地存储中。

见 this answer有关如何将图像转换为 base 64 字符串的示例。 toDataURL()返回一个字符串，然后您可以像通常在 JSON 对象中存储字符串一样的方式存储该字符串。

要显示图像，您可以使用以下内容:

<img src="data:image/jpeg;base64,blahblahblah"></img>

哪里 blahblahblah是返回的字符串。