BONAP images not displaying in journal posts

Bug Reports
1

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:

1052Ɨ642 47.2 KB
.

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

2

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ā€¦

3

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.

4

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.

5

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

image
image2139Ɨ666 109 KB

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
6

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
7

i donā€™t see anything that looks like an issue to me:

image
image1008Ɨ833 245 KB

1 Like
8

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:

image
image1350Ɨ915 171 KB

3 Likes
9

When using Chrome I see this in the console:

image
image1102Ɨ488 130 KB

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
10

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
11

bad chrome sad trombone