Cannot enlarge photos that have spaces in the filename

[PowerAnalyst]

I've installed Photo Manager to my localhost:8888 and have the thumbnail images with all the current filters working to narrow down the images shown. If I click an image though, it takes me to a random url (different for each photo) which is just a plain black page, so I cannot view my photos enlarged.

For example, a photo labelled "2018-03-13 01 Bournemouth Station Sponsored Sign by Bournemouth University.JPG" takes me to a black screen "http://localhost:8888/photo/3259e783-f286-4c36-ae0f-f754f6a4df89"

[damianmoore]

Hi @Soharic. Thanks for the report.

The URI you are getting linked to with a random ID is to be expected - photos get assigned a UUID when they are first imported. This is a React router page that you get to but your image should be displaying scaled and centred on it.

When you get to this page could you right-click and "inpect element" to see if there are any clues? There should be an tag with a src including the file name. Could possibly be something to do with spaces in the filename or the JPEG not being decodable by the browser. Would be interesting to know if the download is 404ing.

[PowerAnalyst]

@damianmoore it would appear to be due to the spaces in the file name. I've since added 3 photos without spaces "20181108_200511.jpg" etc and they all load perfectly well.

From the 'Elements inspection on Chrome' working images have <div class="PhotoDetail" style="background-image: url(&quot;/photos/20181108_200511.jpg&quot;);"></div> however for images with spaces in the name, this is simply <div class="PhotoDetail"></div>

[damianmoore]

#28 will eventually alter what image downloads here so should be a bit more robust then.

[damianmoore]

Thanks for the update @Soharic. I'll work on fixing the filename spaces issue.

[PowerAnalyst]

Thanks for the update @Soharic. I'll work on fixing the filename spaces issue.

Sounds great, thank you! The way I label my photos, they've all got spaces in...

[damianmoore]

Pretty sure this is solved now that all images shown go through the thumbnailer @Soharic