```
此示例代码可在 [GitHub 上的此处](https://github.com/awsdocs/aws-doc-sdk-examples/blob/master/javascript/example_code/s3/s3_PhotoViewer.html)找到。
示例的浏览器脚本代码：
```
//
// Data constructs and initialization.
//
// **DO THIS**:
// Replace BUCKET_NAME with the bucket name.
//
var albumBucketName = "BUCKET_NAME";
// **DO THIS**:
// Replace this block of code with the sample code located at:
// Cognito -- Manage Identity Pools -- [identity_pool_name] -- Sample Code -- JavaScript
//
// Initialize the Amazon Cognito credentials provider
AWS.config.region = "REGION"; // Region
AWS.config.credentials = new AWS.CognitoIdentityCredentials({
IdentityPoolId: "IDENTITY_POOL_ID",
});
// Create a new service object
var s3 = new AWS.S3({
apiVersion: "2006-03-01",
params: { Bucket: albumBucketName },
});
// A utility function to create HTML.
function getHtml(template) {
return template.join("\n");
}
//
// Functions
//
// List the photo albums that exist in the bucket.
function listAlbums() {
s3.listObjects({ Delimiter: "/" }, function (err, data) {
if (err) {
return alert("There was an error listing your albums: " + err.message);
} else {
var albums = data.CommonPrefixes.map(function (commonPrefix) {
var prefix = commonPrefix.Prefix;
var albumName = decodeURIComponent(prefix.replace("/", ""));
return getHtml([
"
",
'",
"
",
]);
});
var message = albums.length
? getHtml(["
Click on an album name to view it.
"])
: "
You do not have any albums. Please Create album.";
var htmlTemplate = [
"
Albums
",
message,
"
",
getHtml(albums),
"
",
];
document.getElementById("viewer").innerHTML = getHtml(htmlTemplate);
}
});
}
// Show the photos that exist in an album.
function viewAlbum(albumName) {
var albumPhotosKey = encodeURIComponent(albumName) + "/";
s3.listObjects({ Prefix: albumPhotosKey }, function (err, data) {
if (err) {
return alert("There was an error viewing your album: " + err.message);
}
// 'this' references the AWS.Request instance that represents the response
var href = this.request.httpRequest.endpoint.href;
var bucketUrl = href + albumBucketName + "/";
var photos = data.Contents.map(function (photo) {
var photoKey = photo.Key;
var photoUrl = bucketUrl + encodeURIComponent(photoKey);
return getHtml([
"",
"
',
"