如何解决如何在没有服务器的情况下在 React 中上传图像?
我的 React 应用程序中有一个用于图像的引导程序输入字段。当我通过它上传图片时,我想获得该图片的公共 URL,以便我可以在应用的其他部分重复使用它。
<div class="mb-3">
<label for="formFile" class="form-label">Product Image</label>
<input class="form-control" type="file" id="formFile">
</div>
我见过有人连接到像谷歌驱动器这样的 API 并上传图像以获得一种可共享的链接。有没有办法在客户端做到这一点?
感谢通知:)
解决方法
不,您必须有一个可公开访问的系统来提供图像。这意味着一个服务器。
如果不涉及某种 3rd 方系统/服务器,我想不出任何方法来解决这个问题。即使您要做一些涉及通过 WebRTC 共享图像的点对点系统,您仍然需要一个信令服务器来在客户端之间建立初始连接。
应用以通用方式处理内容共享的方式是用户将前端上的图像上传到某个内容存储库。这可能是您自己的内容存储库或某些 3rd 方网站,如 imgur、Google Drive 等。一旦上传,您自己的应用程序就会存储指向该公开可用内容的链接,然后以某种方式使用,例如显示在用户的内容板或个人资料。
例如,Stack Overflow 本身与 Imgur 集成,因此无论何时您需要上传图片以配合您的问题/答案,它都会与您的帖子相关联并由 imgur 托管。 SO 仍然需要研究所有相关的内容,例如知道谁上传了什么以及与将其放在帖子中的位置相关的问题。
提供一个完整的解决方案太宽泛了,但一个可能的鸟瞰图可能是这样的:
- 服务于前端
- 服务具有内容接受机制的后端(可能类似于 Strapi
- 连接前端以使用内容接受端点
- 有一个只显示所有上传过的图片的主页
请记住,完成所有这些工作相当复杂,每当您必须处理上传非法内容的人时,策划内容也是一项巨大的工作。 >
,使用 Google Drive 作为后端是一种解决方案,their API 是一个很好的起点。一般来说,恕我直言,您想探索“无服务器”概念。亚马逊在这方面有很多可用的服务。
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。