AWS S3-Anzeigedatei inline statt Download erzwingen

Aus irgendeinem Grund werden Dateien in meinem S3-Bucket als Downloads erzwungen, anstatt inline angezeigt zu werden. Wenn ich also einen Bildlink kopiere, ihn in die Adressleiste einfüge und dann dorthin navigiere, wird mein Browser zum Herunterladen aufgefordert. Stattdessen muss ich tatsächlich auf das geöffnete Bild klicken, um zur URL zu gelangen.

Alle Möglichkeiten zum Ändern der Art und Weise, wie Dateien von S3 aus bereitgestellt werden

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

Sie müssen den Inhaltstyp ändern. Klicken Sie in der S3-Konsole mit der rechten Maustaste auf das Objekt und wählen Sie Eigenschaften. Es befindet sich dann unter Metadaten. Sie können dies auch programmgesteuert tun: http://docs.amazonwebservices.com/AWSSDKforPHP/latest/index.html#m=AmazonS3/change_content_type

Sie müssen die Inhaltsdisposition auch für Inline-Anhänge angeben.

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

Wenn Sie Python verwenden, können Sie ContentType wie folgt festlegen

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

Sie können das auch in aws cli erreichen. Hinweis *.jpegÜberprüfen Sie die s3- Dokumentation

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

Wenn Sie alternativ jeweils ein Objekt ändern möchten, können Sie auch das s3api-Kopierobjekt verwenden

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

Sie können dies versuchen. ContentType muss in einem Browser geöffnet werden. Wenn Sie bereits eine URL im Browser geöffnet haben, versuchen Sie es inkognito.

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

Sie können dieses versuchen, das funktioniert für mich.

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

Sie können den Inhaltstyp auch über die AWS S3-Konsole ändern.

Dann wird die Seite eingeblendet. Verwenden Sie diese Option, um sie manuell zu ändern.

Ich fand heraus, dass, wenn wir einen leeren Wert übergeben, ContentTypedie Datei geöffnet wird, anstatt sie herunterzuladen.

Dies ist eigentlich gut, wenn Sie Dateien aller Art von Erweiterungen hochladen.

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

Wenn jemand, der Java SDK verwendet, eine Lösung dafür findet, müssen Sie den Inhaltstyp auf ObjectMetaData setzen.

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

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