如何在 React 前端网站上显示来自 Google Drive 的图像？

Question

我想在我的 Google 云端硬盘中上传一些照片并希望显示这些照片。我现在实际上正在使用 React.js，而且我对编程还很陌生。我只想显示照片并提供与照片相关的具体日期。我在 google 和 youtube 上搜索，但仍然没有明确的答案。

Answer 1

请尝试以下操作：

1)获取您上传的谷歌驱动器图像的公共链接：

   my case: https://drive.google.com/file/d/1_aPIblL-tTtWKAADSSADASDNIloPB4QNlfFcl-/view?usp=sharing

2）从链接中提取id：

   my case: 1_aPIblL-tTtWKAADSSADASDNIloPB4QNlfFcl-

3）在react中使用以下url结构：

 <img src="https://drive.google.com/uc?export=view&id=INSERT_HERE_YOUR_GOOGLE_DRIVE_IMAGE_ID" alt="drive image"/>

4）结果：

 <img src="https://drive.google.com/uc?export=view&id=1_aPIblL-tTtWKAADSSADASDNIloPB4QNlfFcl-" alt="drive image"/>

如果有进一步疑问，请观看我制作的此视频： https://www.youtube.com/watch?v=iajv8y -6n3Q。