[$50] Uploaded photo is not displayed

[sdgun]

Target URL

https://frontend.app.cloud.gov/dashboard/10

Steps to Reproduce

1. Open the URL https://frontend.app.cloud.gov/
2. Login as a valid User [Admin]
3. Click Search button
4. Enter 'Branch of service' as US NAVY
5. Click 'Update Results' button
6. Click on any record > https://frontend.app.cloud.gov/dashboard/10
7. Click on 'Upload' button and upload an image with a Caption
8. Click on 'Photos' section
9. Click on the image (You can't see the image as a thumbnail or inside the article

Actual Result(s)

• Uploaded photo is not displayed

Expected Result(s)

• Must display the uploaded photo inside the story

Frequency

• 5/5

Environment Details

• Device(s): Laptop
• Operating System: Windows 7 64bit
• Browser(s): Chrome 67.0.3396.87 (Official Build) (64-bit)

Image(s)/Video(s)/Console Log/Crash Log

[ramillim]

This is working locally when uploading the photos to my local rest-api server.

I did notice that the API is handling uploads by storing them in local storage under the server's /public/upload/ so that is something that will need to be addressed when they figure out the architecture for where to store images.

[ramillim]

I confirmed that on the frontend.app.cloud.gov, the issue is actually broken links to the stores URLs. For example:
https://frontend.app.cloud.gov/upload/7ff363a98b99d59c5e1817b33cdacd72
Is not accessible, either due to configuration that is keeping /public/upload from being viewed or the file actually doesn't exist.

[ramillim]

I think that there should be separate config for development and production to allow development uploads to be stored locally on the rest-api server while production config points to a cloud file storage provider.

[ramillim]

Looks properly configured in the rest-api https://github.com/topcoderinc/va-online-memorial-rest-api/blob/master/app.js#L39 so not sure why. If someone could inspect the server and see if that file is in public/upload

[sdgun]

@ramillim @dustinWeaver Hope this is what you are looking for;

[ramillim]

Oh, I'm sorry @sdgun I should've clarified that I needed to see the directory for API server. The one at https://rest-api.app.cloud.gov/api
Do you happen to have ssh access to that one also?

[sdgun]

Hope this is the one; @ramillim

[ramillim]

@sdgun Yes, that looks correct. Can you ls public/upload?

[sdgun]

@ramillim > After ssh to the server I am in home/vcap, so doing a ls from there I can't see public/upload. Sorry if I am confusing you @dustinWeaver is the best person for this I think :)

You mean ls /app/public/upload/ ? check below

[ramillim]

@sdgun Correct, /app/public/upload/

[sdgun]

@ramillim Please check above two screenshots > #30 (comment)

[ramillim]

@sdgun The file named 7ff363a98b99d59c5e1817b33cdacd72 doesn't exist so I wonder if it's a mismatch between what's stored in the database and what's on the server. That could happen if a new server was provisioned (since all files are stored locally), but using the existing database.

I pulled down one of the more recent uploads and it looks like something you uploaded:
https://frontend.app.cloud.gov/upload/fe6f1f22a19831cda19223b11bca4984
(changed extension to .jpg after downloading to view file)

Is the image displaying for the post you created with that image upload? If so, the issue is just that the old files that the database has references to don't exist anymore.

[sdgun]

@ramillim Yes