2

我尝试使用 AWS Lambda 和 React 前端启动具有无服务器架构的应用程序。Lambda 函数工作正常,目前正在从我的谷歌驱动器中检索数据。不幸的是,这些数据的主要目的是在我的网站上提供图片,而谷歌数据提供的唯一有效图片选项是缩略图链接。当缩放到我正在使用的大小时,这自然会变得像素化。这是我选择从 google API 调用返回的数据中检索的数据片段。

          let filteredResults = res.data.items.map( (el) => {
              return {
                        "title": el.title,
                        "description": el.description,
                        "id": el.id,
                        "embedLink": el.embedLink,
                        "thumbnailLink": el.thumbnailLink,
                        "createdDate": el.createdDate,
                        "modifiedDate": el.modifiedDate,
                     }
          });

至于可供选择的内容,列表相当广泛,我不会在这里全部发布。这是我必须使用的内容的片段

id: '',
    etag: '',
    selfLink: '',
    webContentLink: '',
    alternateLink: '',
    embedLink: '',
    iconLink: ''.
    thumbnailLink: '',

图像正在使用这样的组件显示在前端

<MarinerImage src={props.driveData[0].thumbnailLink}>
</MarinerImage>

如果我使用任何其他可用的链接类型,这就是“跨域读取阻塞 (CORB) 阻止跨域响应”的结果

所以再一次,我只是想知道是否有一些我在响应数据中没有看到的东西可以用来生成更高质量的图像。如果做不到这一点,有没有办法直接从我的驱动器配置东西,以便我可以用更高质量的图像响应 API 调用?除了缩略图我什么都得不到,这似乎很奇怪。非常感谢您为此付出的任何努力或时间。

4

0 回答 0