BONAP images not displaying in journal posts

Please fill out the following sections to the best of your ability, it will help us investigate bugs if we have this information at the outset. Screenshots are especially helpful, so please provide those if you can.

Platform (Android, iOS, Website):
Website
Browser, if a website issue (Firefox, Chrome, etc) :
Chrome
URLs (aka web addresses) of any relevant observations or pages:
https://www.inaturalist.org/journal/nathantaylor/44431-test-journal-post
Screenshots of what you are seeing (instructions for taking a screenshot on computers and mobile devices: https://www.take-a-screenshot.org/):
NA
Description of problem (please provide a set of steps we can use to replicate the issue, and make as many as you need.):

Open a journal post or this forum and type in < img src=“http://bonap.net/MapGallery/County/Euphorbia%20albomarginata.png”> (without space after “<”). It will show up like this:

.

I think the problem is the % in the URL but I’m not sure there’s a way around this.

folks who aren’t you probably don’t have access to see your unpublished journal entries. so you may need to provide more description or photos of exactly what the problem is.

%20 will be interpreted as a space. not sure why you think % is problematic…

I didn’t have an example that was published so I went with that. Here’s a published test example: https://www.inaturalist.org/journal/nathantaylor/44431-test-journal-post. The problem is pretty easy to replicate in a journal post. Yesterday, it wasn’t working on the forum either but it is today for some reason.

Regarding this forum, the example today was changed to this: ! (upload://xrzLitXnyuuJKB6gGTbozYYci9x.png) instead of < img src=“http://bonap.net/MapGallery/County/Euphorbia%20albomarginata.png”>

Not sure why.

here’s what i see when i look at the html code of your journal post:

your image element has source url that includes some extra stuff at the beginning and end:

<img src="%E2%80%9Chttp://bonap.net/MapGallery/County/Euphorbia%20albomarginata.png%E2%80%9D">

looking up what that extra stuff means:

  • %E2%80%9C =
  • %E2%80%9D =

… so i think basically you’re using the wrong kind of quotes. when using double quotes in html, they need to be this kind of character: ".

2 Likes

Ugh, that’s what I get for copying and pasting from this post. Thanks for looking into it! If you wouldn’t mind, look at it now. I’ve corrected quotation error and it still didn’t work.

1 Like

i don’t see anything that looks like an issue to me:

1 Like

It doesn’t load in Chrome for me, but does in Firefox. In Chrome there is an error message in the console:

44431-test-journal-post:1 Mixed Content: The page at ‘https://www.inaturalist.org/journal/nathantaylor/44431-test-journal-post’ was loaded over HTTPS, but requested an insecure element ‘http://bonap.net/MapGallery/County/Euphorbia%20albomarginata.png’. This request was automatically upgraded to HTTPS, For more information see https://blog.chromium.org/2019/10/no-more-mixed-messages-about-https.html

From that blog post:

In Firefox:

3 Likes

When using Chrome I see this in the console:

It looks like the image is timing out, although maybe that’s a weird effect of the HTTPS upgrade. Not seeing that in Brave or Edge, which are also based on Chromium. Either way, I’d say this is not an iNat bug.

2 Likes

Thanks @pisum, @bouteloua, and @tiwane for looking into it! Kind of frustrating that it won’t work in Chrome, but at least I have an answer now. Guess I’ll have to switch browsers if I want this to work.

1 Like

bad chrome sad trombone