Plik wyświetlania AWS S3 w tekście zamiast wymuszonego pobierania

Z jakiegoś powodu pliki w moim segmencie S3 są wymuszane jako pliki do pobrania zamiast wyświetlać je w linii, więc jeśli skopiuję link do obrazu i wkleię go w pasku adresu, a następnie przejdę do niego, moja przeglądarka będzie promować to, aby go pobrać. Zamiast tego muszę kliknąć otwarty obraz, aby przejść do adresu URL.

Wszelkie sposoby zmiany sposobu obsługi plików z S3

$client->putObject(array(
        'Bucket'     => 'buckname',
        'Key'        => $destination,
        'SourceFile' => $source,
        'ContentType' =>'image/jpeg', //<-- this is what you need!
        'ACL'          => 'public-read'//<-- this makes it public so people can see it
    ));

Musisz zmienić Content-Type. W konsoli S3 kliknij prawym przyciskiem myszy obiekt i wybierz Właściwości, a następnie znajduje się w obszarze Metadane. Możesz to również zrobić programowo: http://docs.amazonwebservices.com/AWSSDKforPHP/latest/index.html#m=AmazonS3/change_content_type

Musisz również określić dyspozycję treści dla wbudowanego zamiast załącznika.

$client->putObject(array(
    'Bucket'     => 'buckname',
    'Key'        => $destination,
    'SourceFile' => $source,
    'ContentType' =>'image/jpeg', //<-- this is what you need!
    'ContentDisposition' => 'inline; filename=filename.jpg', //<-- and this !
    'ACL'          => 'public-read'//<-- this makes it public so people can see it
));

jeśli używasz Pythona, możesz ustawić ContentType w następujący sposób

s3 = boto3.client('s3')

mimetype = 'image/jpeg' # you can programmatically get mimetype using the `mimetypes` module
s3.upload_file(
    Filename=local_path,
    Bucket=bucket,
    Key=remote_path,
    ExtraArgs={
        "ContentType": mimetype
    }
)

Możesz również osiągnąć to samo w AWS CLI. Uwaga *.jpegSprawdź dokumentację s3

aws s3 cp \
      --exclude "*" \
      --include "*.jpeg" \
      --content-type="image/jpeg"  \
      --metadata-directive="REPLACE" \
      --recursive \
      --dryrun \
       s3://<bucket>/<path>/ \
       s3://<bucket>/<path>/

Alternatywnie, jeśli chcesz modyfikować jeden obiekt na raz, możesz użyć funkcji kopiowania obiektu s3api

aws s3api copy-object \
    --content-type="image/jpeg" \
    --metadata-directive="REPLACE" \
    --copy-source "<bucket>/<key>" \
    --bucket "<bucket>" \
    --key "<key>" \
    --acl public-read

Możesz wypróbować ten, ContentType jest obowiązkowy do otwarcia w przeglądarce, jeśli już otworzyłeś dowolny adres URL w przeglądarce, a następnie spróbuj w trybie incognito.

var params = {
            Bucket: config.BUCKET_NAME,
            Key: fileName,
            ContentEncoding: 'base64',
            ContentDisposition: 'inline',
            ContentType: 'image/jpeg',
            Body: buf
        };

Możesz spróbować tego, to działa dla mnie.

const params = {
          Bucket: 'bucket-name',
          Body: file,
          ACL: 'public-read',
          ContentType: contentType,
          ContentEncoding: 'base64',
          ContentDisposition: 'attachment',
        };

Możesz również zmienić typ zawartości z konsoli AWS S3.

Następnie zobaczysz wyskakującą stronę, użyj tego, aby zmienić ją ręcznie.

Dowiedziałem się, że jeśli przekażemy do niego pustą wartość ContentType, otworzy plik zamiast pobierać.

Jest to naprawdę przyjemne podczas przesyłania plików wszelkiego rodzaju rozszerzeń.

$s3->putObject(
[
    'Bucket' => ..,
    'Key' => ..,
    'Body' => ..,
    'ContentType' => '', <---
    'ACL' => 'public-read',
]);

W przypadku, gdy ktoś, kto używa Java SDK, znajduje rozwiązanie tego problemu, musisz ustawić typ zawartości na ObjectMetaData.

ObjectMetadata objectMetadata = new ObjectMetadata();
objectMetadata.setContentType("image/png");

s3client.putObject(new PutObjectRequest
    (bucketName, fileName + ".png", inputStream, 
     objectMetadata).withCannedAcl(CannedAccessControlList.PublicRead));

Jeśli otworzysz go w trybie incognito, zadziała inaczej niż z jakiegoś powodu.