javascript - 上传、存储和加载图像
问题描述
我有一个基本问题。我正在开发几个使用 node、react 和 react-native 开发后端和前端的项目。有时我必须上传、存储和重新加载图像。我找到了一种将图像上传到云服务并稍后在我的前端加载它们的方法。但是现在我有一种情况,我不想将图像存储在云服务中,而是想将图像存储在我自己的数据库中。由于我在后端使用的框架不支持像 BLOB 这样的类型,所以存储图像的唯一方法是将图像转换为像 base64 这样的字符串。现在我面临一些问题:
- 2MB以上的图片似乎太大了
- 如果我发送一个 POST 请求来存储图像,我会收到一个错误,即有效负载或类似的东西太大
- 如果我尝试控制台记录我的 base64 字符串,浏览器经常会挂断
- 如果我尝试将 base64 字符串复制粘贴到 JavaScript 文件中作为注释,它不会显示完整的字符串,而是我在某个时候发现...
所以在我看来,这种方法不适合现实世界的应用。所以我想问的是,有多大的玩家处理这个 Image 工作流程?例如,如果我打开 Instagram 或购物应用,这些应用可能会在几秒钟内加载数百张图片。或者如果我将图片上传到 Instagram,这是如何在后台完成的?他们是否将图像转换为字符串?
我已经通过发送一个简单的 POST 请求失败了,该请求将 5Mb 大小的图像转换为 base64 字符串。
提前感谢您提供一些有用的提示。
解决方案
推荐阅读
- c# - Xamarin Forms - 在运行时翻译抽屉菜单项
- python - 删除csv python Panda中的行
- javascript - 我可以在 JavaScript 中获取生成器的当前值吗?
- angular - 如何使用带有角度本地化的本地化资产
- php - 我无法使用我的应用程序 SQLSTATE[HY000] [1045] 访问我的 MYSql 服务器 'root'@'localhost' 用户拒绝访问(使用密码:否)
- web-applications - 为什么 ffuf 不能与大词汇表一起正常工作?
- c++ - clang 中的非类型模板参数
- three.js - three.js WebGL:INVALID_OPERATION:drawElements:没有使用有效的着色器程序
- delphi - 检查一个类是否有抽象函数
- javascript - Node.js 缓冲区在类中未定义