Tệp hiển thị AWS S3 nội dòng thay vì buộc tải xuống

Vì một số lý do mà các tệp trong nhóm S3 của tôi đang bị buộc tải xuống thay vì hiển thị trong dòng, vì vậy nếu tôi sao chép một liên kết hình ảnh và dán nó vào thanh địa chỉ rồi điều hướng đến nó, nó sẽ thúc đẩy trình duyệt của tôi tải xuống. Thay vào đó, tôi thực sự phải nhấp vào hình ảnh đang mở để truy cập url.

Bất kỳ cách nào để thay đổi cách phân phối tệp từ 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
    ));

Bạn cần thay đổi Loại-Nội dung. Từ bảng điều khiển S3, nhấp chuột phải vào đối tượng và chọn Thuộc tính, sau đó nó nằm trong Siêu dữ liệu. Bạn cũng có thể làm điều đó theo chương trình: http://docs.amazonwebservices.com/AWSSDKforPHP/latest/index.html#m=AmazonS3/change_content_type

Bạn cũng cần chỉ định Bố trí Nội dung cho tệp đính kèm nội tuyến thay thế.

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

nếu bạn đang sử dụng python, bạn có thể đặt ContentType như sau

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

Bạn cũng có thể đạt được điều tương tự trong aws cli. Lưu ý *.jpegKiểm tra tài liệu s3

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

Ngoài ra, nếu bạn muốn sửa đổi từng đối tượng một, bạn có thể muốn sử dụng 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

Bạn có thể thử cái này, ContentType là bắt buộc để mở trong trình duyệt nếu bạn đã mở bất kỳ URL nào trên trình duyệt thì hãy thử ở chế độ ẩn danh.

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

Bạn có thể thử cái này, cái này phù hợp với tôi.

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

Bạn cũng có thể thay đổi loại nội dung từ Bảng điều khiển AWS S3.

Sau đó, bạn sẽ thấy cạnh bật lên, sử dụng nó để thay đổi nó theo cách thủ công.

Tôi phát hiện ra rằng nếu chúng tôi chuyển một giá trị trống cho ContentTypenó sẽ mở tệp thay vì tải xuống.

Điều này thực sự tốt khi tải lên các tệp thuộc tất cả các loại phần mở rộng.

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

Trong trường hợp ai đó đang sử dụng Java SDK đang tìm giải pháp cho vấn đề này, bạn cần đặt loại nội dung thành ObjectMetaData.

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

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