在Summernote中,如何处理图片加载

时间:2019-08-07 16:37:07

标签: angular summernote image-loading

在一个有角度的项目中,我们使用summernote,并且它产生的html必须使用REST服务存储。 由于文件大小,我们要单独存储图像。当前,我们从summernote获取html,并将其(带有图像!)存储在数据库的超大LOB中。 因此,我们需要一种提取所有图像的方法,分别保存它们,并将src替换为存储图像的URL。 请注意,我们正在使用基于令牌的身份验证来保护那些图像。 This post建议我们从后端加载html时必须还原它。

  1. 我当前的方法是扫描html中的<img src="???"标签,并使用rxjs分别存储它们。当从后端加载时,我们将相反,将src="/image/{id}替换为Base64数据。 这有意义吗,有没有更简单的方法?

  2. 我们如何最好地处理这个大字符串中的img标签的搜索和替换?

  3. 使用summernote编辑html后,我们如何确定图像是否已保留,或者是否是我们必须存储的新上传图像?

(更新)我现在正在尝试另一种方法: 1.一个自定义的ImageUpload处理程序将图像直接上传到我们的后端,后端会以下载网址作为响应。 2.该URL包含一个访问令牌作为请求参数 3.保留时,仅图像ID存储在其src属性中,并且 4.从后端加载此类文本时,我们再次将html替换为url + access令牌。

因此,新问题是: 这种新方法是否存在危险的缺点,我是否缺少某些东西? 出于某种原因,我们是否应该坚持使用rxjs获取的Base64数据网址?

0 个答案:

没有答案