在一个有角度的项目中,我们使用summernote,并且它产生的html必须使用REST服务存储。 由于文件大小,我们要单独存储图像。当前,我们从summernote获取html,并将其(带有图像!)存储在数据库的超大LOB中。 因此,我们需要一种提取所有图像的方法,分别保存它们,并将src替换为存储图像的URL。 请注意,我们正在使用基于令牌的身份验证来保护那些图像。 This post建议我们从后端加载html时必须还原它。
我当前的方法是扫描html中的<img src="???"
标签,并使用rxjs分别存储它们。当从后端加载时,我们将相反,将src="/image/{id}
替换为Base64数据。
这有意义吗,有没有更简单的方法?
我们如何最好地处理这个大字符串中的img标签的搜索和替换?
使用summernote编辑html后,我们如何确定图像是否已保留,或者是否是我们必须存储的新上传图像?
(更新)我现在正在尝试另一种方法: 1.一个自定义的ImageUpload处理程序将图像直接上传到我们的后端,后端会以下载网址作为响应。 2.该URL包含一个访问令牌作为请求参数 3.保留时,仅图像ID存储在其src属性中,并且 4.从后端加载此类文本时,我们再次将html替换为url + access令牌。
因此,新问题是: 这种新方法是否存在危险的缺点,我是否缺少某些东西? 出于某种原因,我们是否应该坚持使用rxjs获取的Base64数据网址?