Failed to load resource: the server responded with a status of 403 (Forbidden) エラーについて

Question

あまりこの分野に詳しくなく、よろしくお願いします。
現状は他の方が書いたコードを実行しており、エラーが解決できず困っています。

前提・実現したいこと

digitaloceanspacesというストレージサービスに格納した
画像（png）をあるサイトにアップロードしたいです。

発生している問題・エラーメッセージ

タイトルの通り、Failed to load resource: the server responded with a status of 403 (Forbidden)というエラーができます。

調べてみると権限が許可されていないという原因かと思っていますが、
その権限を具体的にどのように変更するのかが分かっていません。

ブラウザ:Chrome
OS:Ubuntu

#エラーメッセージ（開発者モードコンソール）

ET https://nyc3.digitaloceanspaces.com/sensor/175.png 403 (Forbidden)

上記のurlをブラウザで実行すると下記が表示されます。

This XML file does not appear to have any style information associated with it. The document tree is shown below.

<Error>
<Code>AccessDenied</Code>
<BucketName>sensor</BucketName>
<RequestId>***********************</RequestId>
<HostId>*****</HostId>
</Error>

jsやpythonなどのいくつかのファイルがありどこまでこちらに載せようか迷ったのですが、
取り急ぎ、chrome開発者モードのsources部分をあげています。

この情報のみですと判断つかないかもしれませんが、
権限を変更するにはどういった方法（可能性）があるかや、
追加の必要情報など仰って頂ければ助かります。

よろしくお願いします。

該当のソースコード

    <div class="columns">
      <div class="column">
        <span id="span_model_name" class="title is-2">ResNet</span>
		<input id="input_model_name" class="title is-2" value="ResNet" style="width: 400" oninput="clear_error_msg(); " hidden></input>
		<button id="btn_change" class="button is-small is-primary" style="margin-top:15px; margin-left:20px" onclick="change_model_name();">
			<div class="tooltip">名前を変更<span class="tooltiptext">ボタンを押して名前を変更</span></div>
		</button>
		<button id="btn_confirm" class="button is-small is-primary" style="margin-top:30px; margin-left:10px; display: none;" onclick="confirm_model_name();">
			<div class="tooltip">確認<span class="tooltiptext">ボタンを押して名前を確認</span></div>
		</button>
		<button id="btn_cancel" class="button is-small is-primary" style="margin-top:30px; margin-left:10px; display: none;" onclick="hide_edit_box();">戻り</button>
      </div>
    </div>
	
	<div class="columns" style="margin-top:-50px">
      <div class="column">
        <p id="msg_model_name_error" class="help is-danger"></p>
      </div>
    </div>

    <div class="columns">
      <div class="column">
        <p class="title is-5">性能</p>
        <div id="visualizer">
        </div>
      </div>
    </div>

    <div class="columns">
      <div class="column">
        <span class="title is-5">ファイルリスト</span>
      </div>
    </div>

    <div>			
				<img src="https://nyc3.digitaloceanspaces.com/deepage-sensor/175.png" style="float: left;margin:40px 140px 40px 0">
    </div>

試したこと

htaccessのファイルで権限が変更できるとあったので、
ターミナルでhtaccessを探してみましたが見つかりませんでした。

Answer 1

この情報のみですと判断つかないかもしれませんが、

権限を変更するにはどういった方法（可能性）があるかや、
追加の必要情報など仰って頂ければ助かります。

とりあえず、digital oceanのヘルプやコミュニティーのガイドを参照してはいかがでしょうか？(必要であれば、Google翻訳などを使用なさって下さい。)
digital oceanはかなりチュートリアル等の記事が豊富なところです。

https://www.digitalocean.com/community/tutorials/managing-access-to-digitalocean-spaces

Comments

[MF_19]

ありがとうございます。確認します。

[MF_19]

別件なのですが、下記URL構成でdigital oceanからファイルをダウンロードしようとすると、本件同様に403が出ている事象がありました。
恐らくdigital oceanへのリクエスト方法に問題があるように思えてきました。

未解決ですが、本質問とは別の質問の仕方の方がいいと思いますので、
この質問は締め切らせて頂きます。
ありがとうございます。

https://nyc3.digitaloceanspaces.com/{FILE_NAME}?AWSAccessKeyId={ACCESS_KEY}&Expires=1585464193&Signature={SIGNATURE}