Archivo de visualización de AWS S3 en línea en lugar de forzar la descarga

Por alguna razón, los archivos en mi depósito S3 se están forzando como descargas en lugar de mostrarse en línea, por lo que si copio un enlace de imagen y lo pego en la barra de direcciones y luego navego hacia él, mi navegador promoverá la descarga. En su lugar, tengo que hacer clic en la imagen abierta para ir a la URL.

Cualquier forma de cambiar la forma en que se sirven los archivos desde 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
    ));

Necesita cambiar el tipo de contenido. Desde la consola de S3, haga clic con el botón derecho en el objeto y seleccione Propiedades, luego está en Metadatos. También puede hacerlo mediante programación: http://docs.amazonwebservices.com/AWSSDKforPHP/latest/index.html#m=AmazonS3/change_content_type

También debe especificar la disposición del contenido para el adjunto en línea.

$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
));

si está utilizando Python, puede configurar ContentType de la siguiente manera

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
    }
)

También puede lograr lo mismo en aws cli. Nota *.jpegVerifique la documentación de s3

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

Alternativamente, si desea modificar un objeto a la vez, puede usar s3api copy-object

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

Puede probar este, ContentType es obligatorio para abrir en un navegador si ya ha abierto cualquier URL en el navegador, luego intente en modo incógnito.

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

Puedes probar este, esto funciona para mí.

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

También puede cambiar el tipo de contenido desde la consola de AWS S3.

Luego verá el lado emergente, úselo para cambiarlo manualmente.

Descubrí que si le pasamos un valor vacío ContentType, se abrirá el archivo en lugar de descargarlo.

Esto es realmente bueno cuando se cargan archivos de todo tipo de extensiones.

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

En caso de que alguien que esté usando Java SDK encuentre una solución para esto, debe establecer el tipo de contenido en ObjectMetaData.

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

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