S3リンクされると画像が自動的にダウンロードされます

Question

私には何が許可されていないのですか？

私たちは、ストレージに適度なトラフィックを持つサイトに画像を提供するためにS3を使用しています。 小さなサムネイル画像を異なる解像度で大きなスライダ画像にリンクするカスタムサムネイルスライダを構築しました。

S3が出現する前に、画像は互いにリンクしていました。サムネイルをクリックすると、大きな画像にリンクするのではなく、その画像が自動的にダウンロードされます。何かご意見は？

ここにコードがありますが、これは本当にS3の問題です。ありがとう！

<div class="thumbnails" itemscope itemtype="http://schema.org/ImageGallery"> 
    <ul id="easy-slide"> 
     <i id="prev" class="fa fa-arrow-circle-o-left" aria-hidden="true"></i> 
     {thumbnails} 
     <li itemprop="associatedMedia" itemscope itemtype="http://schema.org/ImageObject"> 
     <a href="{thumbnails:large}" itemprop="contentUrl" data-size="500x500"> 
      <img src="{thumbnails:thumb}" height="100px" width="100px" itemprop="thumbnail" alt="Image description" /> 
     </a> 
     </li> 
     {/thumbnails} 
    <i id="next" class="fa fa-arrow-circle-o-right" aria-hidden="true"></i> 
    </ul> 
</div> 

Answer 1

おそらくコンテンツタイプの問題です。 S3に画像をアップロードしたときに正しいMIMEタイプが設定されていません。

だけで、確認して返されるMIMEタイプをチェックする：次に、あなたがS3のメタデータに正しいコンテンツタイプを設定する必要があります

curl -I -v http://www.example.com/image.jpg 

を。 S3オブジェクトのメタデータを更新するには、オブジェクトを自身にコピーし、コマンドラインでコンテンツタイプを指定します。 StackOverflowから

：

のためにそれを設定する方法はあります：どのように私は、CLI AWSを使用して？：

$ aws s3api copy-object --bucket archive --content-type "image/jpg" \ 
    --copy-source archive/test/image.jpg--key test/image.jpg \ 
    --metadata-directive "REPLACE" 

をあなたの質問に答えるために、オブジェクトのコンテンツタイプを変更することができますフォルダ全体またはバケットポリシー？

S3には実際にフォルダー/ディレクトリがありません。コンテンツタイプを変更するには、CLIを使用して各オブジェクトに触れる必要があります。 What is the difference between Buckets and Folders in Amazon S3?を参照してください。しかし、私が下で参照したコマンドは、バケット全体でその操作を行います。

コンテンツタイプのメタデータを更新するには、S3 CLIを使用する必要があります。ここでは、再帰的に、与えられたタイプ（例えば、PNG）のすべてのファイルのすべてのコンテンツタイプを変更するコマンドラインの様々な方法を示すもう一つの答えは、次のとおりです。

aws s3 cp \ 
     --exclude "*" \ 
     --include "*.png" \ 
     --content-type="image/png" \ 
     --metadata-directive="REPLACE" \ 
     --recursive \ 
     --dryrun \ 
     s3://mybucket/static/ \ 
     s3://mybucket/static/ 

画像はありますかhttps://serverfault.com/questions/725562/recursively-changing-the-content-type-for-files-of-a-given-extension-on-amazon-s