Question

我正在尝试在html中保存图片。但是出现了一些错误，Access to image at 'https://kaberatech.s3.us-east-2.amazonaws.com/voice-bot.jpeg' from origin 'null' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.。我还将图像上传到新的Amazon Web服务器S3上，并将属性设置为可公开访问。当我点击网址https://kaberatech.s3.us-east-2.amazonaws.com/voice-bot.jpeg时，它将在浏览器中加载我的图片。但是，当我将其插入html代码时，它将显示错误。以下是我的html代码，谁能告诉我问题出在哪里

<div id="detail-line" class="detail-line"></div>
<div class="all-images w-embed">
     <img src="https://kaberatech.s3.us-east-2.amazonaws.com/voice-bot.jpeg" crossorigin="1" alt=""/>
</div>

但是当我使用下面的html代码时，它可以正常工作

<div class="detail-line"></div>
<div class="all-images w-embed">
     <img src="https://uploads-ssl.webflow.com/5ed67e44325d5f0e41baf4be/5ee4e05d7580a1cfe491156c_si-23.jpg?" crossorigin="" alt=""/>
</div>

在下面包含此脚本：-

<script src="https://d3e54v103j8qbb.cloudfront.net/js/jquery-3.4.1.min.220afd743d.js?site=5ed67e44325d5f0e41baf4be" type="text/javascript" integrity="sha256-CSXorXvZcTkaix6Yvo6HppcZGetbYMGWSFlBw8HfCJo=" crossorigin="anonymous"></script>
      <script src="https://uploads-ssl.webflow.com/5ed67e44325d5f0e41baf4be/js/webflow.ae4a2c7df.js" type="text/javascript"></script>

我需要为亚马逊添加一个特殊的脚本吗？如果是，谁能建议我是什么？

Access-Control-Allow-Origin标头存在于请求的资源上

0 个答案: