Parse.com: I can upload image but I don't retrieve it - angularjs

I'm using angular and the Parse.com REST API. When save an image I received the status code 201 with a name and url, but when I try to get image from this url, I get a broken image.
By example this url: http://files.parsetfss.com/e70a8a0f-f675-42e4-8b15-117a6ad959c5/tfss-ccdd1f71-86aa-41fc-86c4-1f0c67e74974-aa-music-blank2.gif
I would be use another way to save images in parse?

Related

How to upload text data with files in multipart form data?

Currently I am working on a project in which i want to send item id with the image i uploaded so that later on i can change the name of the image in the backend. So how can i achieve this or how to change the name of the image in frontend ?

Image on http url shows old image instead of updated image

I am loading image from http url inside tag.
However, I have updated the image from backend but on mobile device I am not able to see updated image.
It's always showing me the old image.
When serving the image from backend, add a timestamp attribute to the image url as a query param, i.e <image_url>?t=12233554.
You can fine-tune this method more -
like when storing the image, put the timestamp for that time only as a query param, and directly serve the file to the user.

how to load text data first then images while making api call reactjs

I am using react and redux for my application. I have to build one functionality where all text data will be loaded first and then images. I would like to know how to load text data first then images while fetching data from endpoints. Till images are not there I want to show gif images.
In the success callback of the api call to get the text, get the images.

Angular Fallback Image With Status Code

I'm trying to get a fallback image working that behaves differently based on the status code. My images are coming out of SharePoint and in certain (Microsoft) browsers I have to request the images through a Web API so that I can append the proper authentication cookies.
I already have a fallback working that if an image fails it requests the image through the Web API and gets the Base64 representation. The problem is there's no point doing this if the image isn't there. So if it's a 404 I'd like to just display the placeholder, but if it's a 302 I'll get the image a different way.
Checking the error object and all the fallback directives I can find, I can't see a way to find out the error code.
Thanks!

How to store images in firebase using URL from cloud storage service?

Hi I am developing an ionic app using firebase as my database.
I read this question.
I understand it and have a more specific question.
I uploaded an image on amazon s3, imgur and filestack, and tried all three in firebase using data:url/<the url of image> and data:image/jpeg;<url of image>.
Am I typing something wrong into firebase?
The image does not come up. I do not want to write code in the app to upload the image etc, I just simply want an image to display on the app beside some data corresponding to an item in my firebase database.
I have read about base64, do I have to use it in this case?
(Optional) Perhaps If you could expand on the steps of doing this:
"You can use a filepicker to get the image file. Then you can host the image however you want, i prefer amazon s3. Once the image is hosted you can display the image using the url generated for the image."
I don't have much ionic experience, but why not just save the direct path to the image url and not include the data:url/ portion.
Simply store the url in firebase and then when it's retrieved inject it into your img src.

Resources