title: Amazon S3, GET request forbidden?
body: <p>I am building a MEAN stack application that uses Multer-s3 for uploading to Amazon bucket.
  It seems to be uploading images perfectly fine to the bucket in Amazon-S3 as well as database however when trying to get the images from Amazon (using ng-repeat) it gives following error:</p>
  
  <pre><code>GET https://s3-us-west-2.amazonaws.com/bucketfolder/bucketname/b40c4240-0417-11e6-9944-2d167e625d2b.jpg 403 (Forbidden)
  </code></pre>
  
  <p>in my mainController:</p>
  
  <pre><code>function mainController(Upload, API, S3_BUCKET, TokenService, User, $timeout) {
    var self = this;
    self.usersClothing = [];
  
    self.uploadSingle = function() {
      Upload.upload({
        url: API + '/upload/single',
        data: { file: self.file, type: self.clothingType }
      })
      .then(function(res) {
          self.usersClothing = res.data.user.clothing.map(function(clothing) {
              clothing.image = S3_BUCKET + clothing.image;
              return clothing;
          });
      })
      .catch(function(err) {
        console.error(err);
      });
    }
  </code></pre>
  
  <p>My Angular state where I'm uploading images:</p>
  
  <pre><code>    &lt;div ng-repeat="clothing in main.usersClothing"&gt;
          &lt;img ng-src="{{clothing.image}}" class="clothing-img"&gt;
      &lt;/div&gt;
  </code></pre>