Loading images from Parse.com

Bug Reports
1

I’ve set up Parse.com with a file column and uploaded an image. Currently I’m not grabbing data from parse, but rather just hardcopied the url of the image saved on parse.com’s server.

From JS i try to load the image with <Image Url="… but nothing is displayed. If I try to enter another url a image is displayed. So I think it must be linked with parse.com servers, However I’m not able to get any debug output on why its not showing, any suggestions?

This works: < Image Url=" http://thesupercarkids.com/wp-content/uploads/2014/07/10560292_729961073714181_1760152545946439545_o.jpg "/ >

This doesnt: < Image Url=" http://files.parsetfss.com/7b5c8fad-8f0a-4344-b0e8-b1719db0850d/tfss-a77167f6-74c7-44c6-a376-96632b263e8c-10560292_729961073714181_1760152545946439545_o.jpg "/ >

2

This is what I get when I try to access the file you’re linking to:

<Error>
<Code>AccessDenied</Code>
<Message>Access Denied</Message>
<RequestId>2C0387FA2F1DCA59</RequestId>
<HostId>
VDHXn0vm5wX92gTAt01/VORJaGOuSIPmIQZc5hSDWneFj1w2XRzxtC3TxDVj2WKv
</HostId>
</Error>

I think it’s related.

3

If you just click that link you’d get a "/ on the end, remove that, then the images should show

4

Here are the headers from parse:

HTTP/1.1 200 OK
Content-Type: text/plain
Content-Length: 310158
Connection: keep-alive
Date: Mon, 14 Dec 2015 12:54:29 GMT
x-amz-version-id: Va0xzh28eAeskpCPYXp.s4Za.9pSTCK0
Last-Modified: Mon, 14 Dec 2015 10:52:42 GMT
ETag: "9dfdc1de6cc6f5b487e3fb87375786a3"
Accept-Ranges: bytes
Server: AmazonS3
Age: 200
X-Cache: Hit from cloudfront
Via: 1.1 7a9ed25dd09a090668449cecd55a9d0d.cloudfront.net (CloudFront)
X-Amz-Cf-Id: 2E7NaNMqxwBSXYzgP292opEij_8Sz7tt-IxQI9ev9r_RsS256ILIQA==

Notice Content-Type: text/plain

Here is the relevant source from Fuse:

            if (!response.Headers.TryGetValue("content-type",out ct))
                _contentType = "x-missing";
            else
                _contentType = ct;

            _loading = false;
            try
            {
                TextureLoader.ByteArrayToTexture2DContentType(data, _contentType, SetTexture);
                OnChanged();
            }
            catch( Exception e )
            {
                Fail( "HttpImageSource-failed-converson", e);
            }

So you need the correct headers from parse, or implement your own ImageSource, and load it like this:

<Image>
  <MyImageSource Url="" />
</Image>
5

aha, Thank you!

6

I will look into providing better error message from the ImageSource in cases like this.

7

Could I get some help with implementing the custom ImageSource? I’m new to Fuse. Can’t even find the source to the existing HttpImageSource class…