【问题标题】:How to save images within texts like medium blog post如何在中等博客文章等文本中保存图像
【发布时间】:2021-08-30 05:25:17
【问题描述】:
我正在考虑创建一个像 medium.com 这样的博客网站,作者可以在其中将图片放置在帖子正文中,就像下面的图片或这个问题一样,文本,图片,然后再次文本。
我知道图像可以转换为 base64 并直接保存到数据库列中。但我不认为它是有效的。
我想不出支持图像的系统架构会保留作者输入的顺序。
我将使用 React.js 和 Spring boot。
【问题讨论】:
标签:
database
image
architecture
【解决方案1】:
我认为您可能会混淆图像和图像标签(在标记/HTML 中)。
当人们在浏览器中看到内容时,内容只是某种标记语言,例如 HTML,浏览器会对其进行解释和呈现(显示)。
标记,例如 HTML,当然是基于文本的,并且很容易保存在数据库表中。
在 HTML 中,图像不是标记的一部分,它们只是另一个标签,引用浏览器应该呈现的图像,如下所示:
<img src='/localfolder/profilephoto.png'>
<img src='https://morphological.files.wordpress.com/2016/08/example.png'>
图像标签引用的图像可以在任何地方 - 在您网站上的本地文件夹中,或者在完全不同的地方 - 只要最终将阅读它的用户可以访问该位置。
当您在 Medium 上看到博客文章时,您会想到这些文章是如何编辑的,作者所做的只是创建和修改标记;可以标记的可以包括图像标签,可以不受限制地移动。
当博客文章被保存时,标记(文本)被保存到数据库中——就是这样。
作为编辑过程的一部分,图片通常会预先单独上传,以便作者在编辑过程中更容易将它们插入到博客文章中,以便他们看到文章的样子。
在我(过时的)Web 开发经验中,图像只是作为图像文件保存在某个地方,而不是通过我的应用程序代码的任何部分转换为 Base64。