Javascript 动态呈现HTML img并放置onerror for（设i=0；i

在我的HTML/JavaScript应用程序中，我动态呈现HTML img。图像基于对象的

id

。我在AWSS3上上传了很多图片，但其中一些没有图片。因此，我尝试使用

onerror

为不存在的图像放置默认图像

但是，这只会让我

加载资源失败：服务器响应状态为403（禁止）

---

我还需要做些什么才能使这项工作顺利进行？

它实际上是与MEP一起工作的：这里有很多不同框架的示例

for (let i = 0; i < upper_player_arr.length; i++) {
    document.getElementById("upper-player-wrapper").innerHTML +=
        // structure A[0]: name, A[1]: _id
        `
        <div id="player-id-${upper_player_arr[i][1]}" class="similar-player-elem">
            <img class="small-img img-responsive" src="https://df11img.s3-us-west-1.amazonaws.com/${upper_player_arr[i][1]}.png" onerror="this.onerror=null;this.src='https://df11img.s3-us-west-1.amazonaws.com/default.png';">
            <div id="player-name" class="player-name-small">
                ${upper_player_arr[i][0]}
            </div>
        </div>
        `
}