s 3 bucketからHTMLページに画像を表示する
私たちはAngular 8でアマゾンS 3バケツに存在するイメージを表示しようとしています.私たちのコードは次のとおりです.
HTMLで-
tsで-
MS 3 ( filepath , filename )のダウンローダ
//資格情報を設定する
awss 3 accesskey =環境を作りましょう.AWSS3AccessKey
AWSS 3 Secretkey =環境を聞かせてください.AWSS3SecretKey
環境変数を設定します.s 3 bucketname
環境変数を指定します.s 3 bucketrootfolder
を返します.
コンソール.エラー・エラー発生したエラー
}
その他
{ }
//ファイルをダウンロードする
文字列.fromcharcode.を適用します
base 64 string = btoa ( StringRadiger );
base 64 stringを返す
//呼び出しメソッド
Val =これ.MS 3以降でダウンロードします.
しかし、S 3で.GetObject関数、この“演算子”はこのように動作しません.サムネイルは定義されていません.
変数valは以下の文でもNULLを含んでいます
base 64 stringを返す
値を含む.
HTMLで-
tsで-
MS 3 ( filepath , filename )のダウンローダ
//資格情報を設定する
awss 3 accesskey =環境を作りましょう.AWSS3AccessKey
AWSS 3 Secretkey =環境を聞かせてください.AWSS3SecretKey
環境変数を設定します.s 3 bucketname
環境変数を指定します.s 3 bucketrootfolder
AWS.config.credentials = new AWS.Credentials({
accessKeyId: AWSS3AccessKey, secretAccessKey: AWSS3SecretKey
});
const params = {
Bucket: S3Bucketname,
Key: S3BucketRootFolder + FilePath + "/" + FileName
};
let s3 = new AWS.S3();
let base64String = "";
3 .getObject ( params , function ( ERR , data ){//unit 8 arrayを返します.
コンソール.エラー・エラー発生したエラー
}
その他
{ }
//ファイルをダウンロードする
文字列.fromcharcode.を適用します
base 64 string = btoa ( StringRadiger );
base 64 stringを返す
}
});
}//呼び出しメソッド
Val =これ.MS 3以降でダウンロードします.
しかし、S 3で.GetObject関数、この“演算子”はこのように動作しません.サムネイルは定義されていません.
変数valは以下の文でもNULLを含んでいます
base 64 stringを返す
値を含む.
Reference
この問題について(s 3 bucketからHTMLページに画像を表示する), 我々は、より多くの情報をここで見つけました https://dev.to/shivanimca10/show-image-from-s3bucket-to-html-page-1c98テキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol