Amazon S3 images not loading in chrome - ruby-on-rails

I have a rails application that uploads and displays images from Amazon S3.
I also have an issue displaying some of these images in Chrome!
Take, for example, the following link:
http://s3.amazonaws.com/lafamos-dpk/system/images/2144/thumb/photo_2144.png?1333998967
This just doesn't load in Chrome, but loads just fine in Firefox and Safari.
In a truly mysterious fashion, this image, which was uploaded through the same system, to the same Amazon S3 bucket, loads just fine [granted, it's a different format, but I'm not sure that matters].
Here's a link to the page I'm trying to solve these problems on -- the photos under the Press Photos section all the way down at the bottom are just not showing up at all in Chrome.
Any ideas what's going on here?
Thanks!
Yuval

When you view the site in chrome you're getting a few error's
Failed to load resource: the server responded with a status of 404 (Not Found) https://lafamos-dpk.s3.amazonaws.com/system/main_photos/58/small/artist_58.jpg?1291229622
.
<Error>
<Code>NoSuchKey</Code>
<Message>The specified key does not exist.</Message>
<Key>system/main_photos/58/small/artist_58.jpg</Key>
<RequestId>1F57BF9D9034CB18</RequestId>
<HostId>
U9HkrMYA6nISFRCt2cQ0Xy89uxkzBnJ2pDmlPz/yiCL4Wb74h9hlIg8eVU46+R7y
</HostId>
</Error>
Does the image exist?

Direct links of the images work fine on both Chrome and Firefox, but your img src links seem to be broken. I'm getting this in the DevTools console:
Failed to load resource: the server responded with a status of 404 (NOT FOUND) http://flipsidetomusic.com/wp-content/uploads/2011/02/album_63.jpg
Port: Could not establish connection. Receiving end does not exist. lastError:29
set lastError:29
Port: Could not establish connection. Receiving end does not exist. lastError:29
set lastError:29
I'd look into resolving that 404 Error. Also, I came across a HackerNews' discussion today that may point to the problem's source: https://news.ycombinator.com/item?id=5514344
Apparently Firefox doesn't block non-SSL content on SSL pages by default, but Chrome does. I'd check your S3 bucket permissions, granted, I'm not very familiar with AWS.

Related

I've uploaded an image for my website on s3 but it doesn't display on my website

I've uploaded an image for my website on s3 but it doesn't display on my website. It works fine on my localhost, as the picture is in my assests/images folder of my Rails 5 app, but not on Heroku. When I inspect my page, I do see an error for the file my code is looking for: Failed to load resource: the server responded with a status of 404 (Not Found) .I do believe I have my Heroku set up right with my amazon s3 bucket because I can see users' pictures being sent to it. I'm looking to use this picture as a background for part of my landing page. Any help would be great, thanks.
I made the image inside my 's3 bucket' public so that it could be accessed by my website. Also, I changed my url for the image in my Rails app to the new url provided by amazon s3.

Facebook iFrame is pulling rails dynamic pages as 404 errors

I have a Facebook app page and a rails application. My rails application loads a dynamic page based on a key that is given. This works fine and dandy outside of my facebook app:
https://app.eventsent.net/event_lists/3d40ba2a4a10947c17c2337fba3421dd406cceb5?frame=true
However inside of Facebook the page is pulling up as a 404 error:
https://www.facebook.com/reynoldsdesignstudio/app_419134091467471
I have gotten around this issue by creating a static file within my system to be able to have facebook view it however this is not ideal as deploying the rails app with updates makes modifying these static pages a pain.
Any help on this would be great.
We got this figured out by changing the routes file to allow for a post request instead of just a get request
Your problem is not related to dynamic/static content. Also Facebook is showing a 501 error, not a 404. In short, your SSL cert is not valid for the staging.app subdomain you are pointing your Facebook page at.
Visiting your Facebook page (https://www.facebook.com/reynoldsdesignstudio/app_419134091467471) yields this error:
This webpage is not available
The webpage at https://staging.app.eventsent.net/event_lists/3d40ba2a4a10947c17c2337fba3421dd406cceb5.html might be temporarily down or it may have moved permanently to a new web address.
Error 501 (net::ERR_INSECURE_RESPONSE): Unknown error.
Note that the subdomain is staging.app. If you happen to be using Firefox, you get a nice error message the spells everything out:
This Connection is Untrusted
You have asked Firefox to connect securely to staging.app.eventsent.net, but we can't confirm that your connection is secure.
staging.app.eventsent.net uses an invalid security certificate.
The certificate is only valid for the following names:
app.eventsent.net , www.app.eventsent.net
(Error code: ssl_error_bad_cert_domain)
The easiest solution would be to get a WildCard SSL certificate that is valid for *.eventsent.net.
FYI, if you visit https://staging.app.eventsent.net/event_lists/3d40ba2a4a10947c17c2337fba3421dd406cceb5?frame=true, you will get a rather dire-looking warning from your browser. If you ignore the warning and tell the browser to accept the certificate, your Facebook page will then load fine in the same browser.

HTTP Status 403 when loading a CSS file from a secure domain (Rails 2)

I'm having an issue in Google Chrome regarding SSL. Basically my app is using a CSS file that is hosted on an SSL domain and served by a Rails 2 app. When I look into the Network tab, it shows a 403 status when loading the file. However, the file is loaded successfully when I open it in a new tab.
Does anyone know why this happens and how to get around it?

UIWebView: 502 Bad Gateway response

I have been loading UIWebViews with a set of URL's for a long time while testing my app with no problem. Now I get 502 Bad Gateway Error message when I load my UIWebView.
The URL's I use all came from the same source and all start with:
http://www.gijon.es/eventos/show/
Some URLs are for example:
http://www.gijon.es/eventos/show/21514-ciclo-ciencia-x-cine
http://www.gijon.es/eventos/show/20611-mercado-ecologico-y-artesano
I have tested the URLs from my browser and they work Ok.
I have tested doing a Log that this are actually the URLs just before creating the request.
I have made a testApplication with just a UIWebView loading this URL's and it fails the she way my app does.
Any other URL like http://google.com loads nicely.
How can I debug this problem? Should it be a problem with the remote server? Can it be a problem in my configuration?
The website is configured to handle requests differentely according to the browsers user agent.
So when you access it with UIWebView you are sending as a user agent iPhone, which takes you to a different page on the site.
Due to miscofiguration from their webserver you are seeing a 502 Bad Gateway error (probably they are running NginX).
To verify this, open Firefox, download the User Agent Switcher addon, select as a user agent iPhone 3.0, then open http://www.gijon.es/eventos/show/21514-ciclo-ciencia-x-cine
You will see the 502 bad gateway error
If you want to solve this, you can modify the default UIWebView user agent (set it to safari something). The way to do this is here

how can i check the my site on IPAD safari?

i have a client site www.noozhoo.com which worked fine on browser in PC or laptop but from client i get the point that its site crash in when open in IPAD on safari browser.My concern is how can i check my site on IPAD because i dont have and i use one online simulator for IPAD and my website works perfect in that simulator .Is there can be issue related to memory or hardware of IPAD or something else .please guide me .
i also go through this link but not helping me. test site on ipad
thanks buddy
Take a look at these issues that I found when trying out your site. Fix them and then try it on iPad. The top one is most likely to be the cause.
Unsafe JavaScript attempt to access frame with URL http://www.noozhoo.com/ from frame with URL http://player.vimeo.com/video/24837480?title=0&byline=0&portrait=0. Domains, protocols and ports must match.
controls.png
Failed to load resource: the server responded with a status of 404 (Not Found)
border.png
Failed to load resource: the server responded with a status of 404 (Not Found)
loading_background.png
Failed to load resource: the server responded with a status of 404 (Not Found)
indicator.gif
Failed to load resource: the server responded with a status of 404 (Not Found)
cross-poppup.png
Failed to load resource: the server responded with a status of 404 (Not Found)
I found them using the developer tools console in Chrome.

Resources