我可以通过图像标签从S3加载图像，但不能获取请求吗？

编程问答 2022-06-08

问题描述

我正在尝试使用名为react-pdf的库将s3中的图像加载到pdf中。这是我在网站上显示的同一张图片，当在图片元素的src上使用url时，效果很好。但是，当从需要使用react-pdf的特定图像组件进行加载时，此操作将失败。

我明白了：

enter image description here

S3存储桶的CORS策略是这样的：

<?xml version="1.0" encoding="UTF-8"?>
<CORSConfiguration xmlns="http://s3.amazonaws.com/doc/2006-03-01/">
 <CORSRule>
    <AllowedOrigin>http://localhost:3000</AllowedOrigin>
    <AllowedMethod>GET</AllowedMethod>
    <AllowedMethod>HEAD</AllowedMethod>
    <AllowedHeader>*</AllowedHeader>
  </CORSRule>
</CORSConfiguration>

我尝试使用http请求，各种访问控制标头以及新的Image（）API来获取它，并在加载时将其转换为画布。所有这些似乎都不起作用。有人可以向我解释CORS在这种情况下如何工作，在这种情况下可以通过element而不是通过http请求加载图像？任何可能的解决方案都将是惊人的。谢谢！

解决方法

暂无找到可以解决该程序问题的有效方法，小编努力寻找整理中！

如果你已经找到好的解决方法，欢迎将解决方案带上本链接一起发送给小编。

小编邮箱:dio#foxmail.com (将#修改为@）

amazon-s3javascriptreact-pdfreactjsreactjs