【问题标题】:How to save images within texts like medium blog post如何在中等博客文章等文本中保存图像
【发布时间】:2021-08-30 05:25:17
【问题描述】:

我正在考虑创建一个像 medium.com 这样的博客网站,作者可以在其中将图片放置在帖子正文中,就像下面的图片或这个问题一样,文本,图片,然后再次文本。

我知道图像可以转换为 base64 并直接保存到数据库列中。但我不认为它是有效的。

我想不出支持图像的系统架构会保留作者输入的顺序。

我将使用 React.js 和 Spring boot。

【问题讨论】:

  • 你有什么问题?
  • @AdrianK 我已经更新了这个问题。请看。

标签: 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。

【讨论】:

    猜你喜欢
    • 1970-01-01
    • 1970-01-01
    • 2011-12-10
    • 2017-02-10
    • 1970-01-01
    • 1970-01-01
    • 1970-01-01
    • 2016-05-18
    • 2018-06-05
    相关资源
    最近更新 更多