JSFiddle - React, Tailwind, and code Playground

by yassinezerguine

HTML

<script src="https://sdk.amazonaws.com/js/aws-sdk-2.6.10.min.js"></script>
<body>


<input id="Download"  type="button" value="Download" >
</body>

CSS

body {
    //background-image: url("/resources/images/Bitmap.png");
}

JavaScript

$(function() {
		// Initialize the Amazon Cognito credentials provider
		AWS.config.region = 'eu-central-1'; // Region
		AWS.config.credentials = new AWS.CognitoIdentityCredentials({
	    IdentityPoolId: 'eu-central-1:8b695f9b-a8be-4fc0-94bb-6a99fd45f39b',
		   	});
        
        var s3 = new AWS.S3({signatureVersion: 'v4', apiVersion:'latest'});
        
        
	$('#Download').click(function() {
  var params = {
  Bucket: 'filesbucketnames', /* required */
  Key: 'Membership.jpg', /* required */
 };
s3.getSignedUrl('getObject',params , function (err, url) {
  if (err) console.log(err, err.stack); // an error occurred
  else    { 
 $('body').css('background-image', 'url('+url+')');
  }// successful response
});
});
	});