网络连接丢失时,无法在角度本地保存图像

时间:2018-06-17 12:30:54

标签: javascript angular html5 local-storage

这是我在本地保存数据的代码,只是在当时运行;用户没有网络连接:

this.ngf.setItem('layouts', response);

在“响应”中我已正确保存所有内容,但对于图像,由于它们的源属性是外部链接,而页面加载时图像出错。

因此,我认为可能有一种方法可以使用本地地址在本地保存图像,并用响应数组中的外部链接替换。因此,在连接丢失时,它们将通过以下方式在本地加载:

this.ng.getItem('layouts', response);

问题是我不知道如何发展这个想法,或者如果你有任何其他解决方案我会很感激,如果你在这里分享它!

1 个答案:

答案 0 :(得分:0)

也许你可以用base64编码获取图像。然后存储它们(作为base64字符串) 这篇文章可能对你有帮助: how-to-convert-image-into-base64-string-using-javascript

希望它有所帮助。