Відображення файлу AWS S3 в рядку замість примусового завантаження

З якоїсь причини файли в моєму сегменті S3 примусово завантажуються, а не відображаються в рядку, тому, якщо я скопіюю посилання на зображення та вставлю його в адресний рядок, а потім перейду до нього, він просуне моєму браузеру його завантаження. Натомість мені фактично потрібно натиснути на відкрите зображення, щоб перейти на URL-адресу.

Будь-які способи зміни способу обслуговування файлів із 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
    ));

Вам потрібно змінити тип вмісту. На консолі S3 клацніть правою кнопкою миші на об'єкті та виберіть "Властивості", а потім - у розділі "Метадані". Ви також можете зробити це програмно: http://docs.amazonwebservices.com/AWSSDKforPHP/latest/index.html#m=AmazonS3/change_content_type

Вам потрібно вказати Розміщення вмісту, а також для вбудованого замість вкладення.

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

якщо ви використовуєте python, ви можете встановити ContentType наступним чином

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

Ви також можете досягти цього в aws cli. Примітка *.jpegПеревірте документацію s3

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

Крім того, якщо ви хочете змінити по одному об’єкту за раз, ви можете використовувати 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

Ви можете спробувати це, ContentType є обов’язковим для відкриття в браузері, якщо ви вже відкрили будь-яку URL-адресу в браузері, спробуйте в режимі анонімного перегляду.

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

Ви можете спробувати цей, це працює для мене.

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

Ви можете змінити тип вмісту з консолі AWS S3.

Тоді ви побачите спливаючу сторону, використовуйте її, щоб змінити її вручну.

Я з’ясував, що якщо ми передамо порожнє значення, ContentTypeфайл відкриється замість завантаження.

Це насправді приємно при завантаженні файлів усіх типів розширень.

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

Якщо хтось, хто використовує Java SDK, знаходить рішення для цього, вам потрібно встановити тип вмісту на ObjectMetaData.

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

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

Якщо ви відкриваєте його в режимі інкогніто, він спрацює інакше, ніж з якихось причин.