如何将 blob 文件上传到服务器、存储并将文件返回到客户端答案

【问题标题】：How to upload blob file to server, store and get the file to client side back如何将 blob 文件上传到服务器、存储并将文件返回到客户端
【发布时间】：2019-03-27 08:08:00
【问题描述】：

我在客户端使用 React.js，在服务器端使用 Node.js。

我通过<input type="file"/>上传了一个图片文件，一上传就会被裁剪。

裁剪图像文件的类型是blob，看起来像blob:http://localhost:3011/bf45efc1-06d0-4374-ac56-04d05e51f02c。

我想将 blob 文件存储在数据库中（列类型 BLOB），并将 blob 文件从数据库中获取到客户端以在客户端显示图像。（或者如果您有更好的文件存储方式，请告诉我）

所以，假设我有一个从数据库中获取的 blob 文件，它看起来像 blob:http://localhost:3011/bf45efc1-06d0-4374-ac56-04d05e51f02c，我想在客户端显示这个文件。我该怎么做？

我也很好奇http://localhost:3011 做了什么。我知道这意味着我在本地主机上上传了该文件。但这是否意味着我在不同的服务器上时无法获取正确的图像数据？

【问题讨论】：

标签： javascript mysql reactjs

【解决方案1】：

我建议将文件存储在服务器端的磁盘上，然后将文件的名称或路径保存到数据库中。保存在磁盘上的文件可以保存在 Apache (httpd) 可以访问的目录中，然后用户可以通过访问 Apache 主机 url 来访问文件，例如http://something.com/images/savedimageuuid.png

【讨论】：

是的，但我仍然想将文件保存在数据库中，将文件获取到客户端并出于某种原因显示在<img src={}/>...