首页 > 解决方案 > Vue Js:如何将图像存储在localStorage并在vue js中显示在网页上

问题描述

当在文本框中输入任何数据时,我正在尝试在本地存储中添加数据。我的问题是如何在 Vue js 的本地存储中添加图像。

标签: javascriptvue.jslocal-storage

解决方案


您可以将图像转换为 Base64 并将其像字符串一样存储在本地存储中;

此链接将帮助您做到这一点:如何使用 JavaScript 将图像转换为 Base64 字符串?

而当你想取回图像时,你会做相反的过程,你需要将base64字符串转换为图像元素,实际上很容易,你可以将base64字符串作为图像的src。

这个链接可以帮助你做到这一点:convert base64 to image in javascript/jquery


推荐阅读