javascript - Vue Js:如何将图像存储在localStorage并在vue js中显示在网页上
问题描述
当在文本框中输入任何数据时,我正在尝试在本地存储中添加数据。我的问题是如何在 Vue js 的本地存储中添加图像。
解决方案
您可以将图像转换为 Base64 并将其像字符串一样存储在本地存储中;
此链接将帮助您做到这一点:如何使用 JavaScript 将图像转换为 Base64 字符串?
而当你想取回图像时,你会做相反的过程,你需要将base64字符串转换为图像元素,实际上很容易,你可以将base64字符串作为图像的src。
这个链接可以帮助你做到这一点:convert base64 to image in javascript/jquery
推荐阅读
- regex - 如何使用正则表达式删除除某些“键”/“字符包含”之外的所有内容
- javascript - 如何仅在特定页面中隐藏 AngularJS 快照菜单
- wordpress - get the custom post type data using a custom field value in wordpress
- spring-data-jpa - Spring Data:对接口进行本机查询的投影无法按预期工作
- django - Image does not upload using createview from template django
- arrays - Render a Nested Element based on nested Array
- c++ - 如何在不使用类名作为范围的情况下获取类中成员函数的地址?
- android - 广播接收器在一段时间后自动停止
- object - 如何在使用对象的下拉菜单中显示所选元素的名称?
- python - 解析器树比较:两个列表中的常见子列表