Javascript 从服务器存储和检索图像

我有一个web应用程序，我想从数据库中检索图像并将其显示在的小部件上。出于开发目的，我想在javascript代码中创建一个图像变量，因为它将来自服务器，然后我将对其进行处理以将其转换为图像并显示在小部件上

---

我的主要问题是，当从服务器检索图像时，图像的形式是什么，我需要在javascript中对其进行哪些进一步的处理，以获得可以在图像上显示的实际图像。

要在服务器上存储图像，只需上传图像（例如：将文件从计算机复制到远程服务器），并将图像的本地相对路径保存到数据库中

因此，当您希望从服务器检索它时，它将为您提供映像路径，如下所示：

{
  'image_path' => 'the/path/to/my/image.jpg'
  ... // other stuff
}

---

然后，您只需使用此值设置img src属性。

您不能检索图像的路径，并将其作为

元素的

src

属性插入吗？除非您要在服务器端将映像转换为base64，将其流式传输到客户端，并将其显示为

数据uri

。在某种程度上，你在这个问题上的要求并不完全清楚——你能给出一些具体的例子吗？实际上后端还没有准备好。我基本上想知道图像是如何存储的（以什么形式）在服务器中。当我们在前端检索它们时，它们是什么样子的，以及将接收到的数据转换为实际图像需要进行哪些进一步的处理这些图像应该只作为文件存储：将它们作为blob存储在数据库中有点违反直觉。如果您希望存储大量图像，您可能需要考虑使用可用API的第三方文件托管服务。你的问题是非常广泛的，所以你可能想考虑搜索一点。我读到一些地方，图像转换为URL，然后它被存储在数据库中。所以如果这是正确的，那么我会把一个图像转换为URL（因为它被存储在数据库中/因为它将从数据库中检索）。再次将该URL转换为图像并显示，然后在Widgetsy上显示您将图像存储在文件或数据库中，然后通过

访问该图像-因此它已作为图像提供（即从服务器提供）。如果它存储在数据库中，则url指向端点，服务器端代码从数据库中提取并返回图像内容。您不需要将图像加载到“变量”中，因为这样做会更困难。