Broken image in Discourse (but they work in the message preview)

Hi,
When I publish a WP post to Discourse, the images won’t show up:

But they do show up in the message preview if I edit the topic.

Saving the edit or rebuilding the message HTML don’t fix it.
Typical HTML of such an image is:

<img class="wp-image-157219 size-full aligncenter" src="http://monocycle.info/wp-content/uploads/2018/06/catégories-e1529598284988.png" alt="" width="400" height="364" />

Any idea?

edit: I may have understood why.
The domain monocycle.info has been locally redirected to the server I’m working on, which is where my WordPress is installed. I did the redirection via the hosts windows file.
But Discourse doesn’t have this redirection, so I guess it has to read these images URLs by itself before somewhat delivering them on the message, and so it can’t find these image?
Not 100% sure this is the cause, but since my website will be launched in a few days, I’ll figure out when the domain will be globally redirected to my server.

Hi,
Unfortunately it was not the problem I guess.
The DNS propagation is down, but the issue remains:

Even for images with the proper markdown syntax (see the very first image link):

The topic:

And the WP post: monocycle.info fait peau neuve - Monocycle.info

I can be wrong but what I understand here is that images may be loading on a secure site (https) but their links are (http) What I understand from that is the server from where the post is published should be configured to fully support https first.

EDIT: but that doesn’t looks like the case, I visited the site and both WP and Discourse are configured to load over SSL. What needs to be seen is how have you configured Discourse WP plugin.

On the first message they were indeed in http, but I have updated my website shortly after, so as you can see on the second message, they are in https.

Here’s my WP Discourse configuration:

What happens if you try rebuilding the HTML now?

Hi,
It doesn’t do anything. :confused:

This does appear to have been the case - posting those URLs on that site in a new message works:

https://monocycle.info/wp-content/uploads/2018/06/new-site.png

:arrow_down:
image

Hmm, since I’m here, I’m a bit puzzled as the topic doesn’t appear in its own category:
Here’s the topic: Monocycle.info fait peau neuve - Actualités - Monocycle.info
Last activity June 19, but I can’t find it here: Actualités - Monocycle.info

:thinking:

Why doesn’t it work on this very topic then? Why doesn’t rebuilding the HTML work? :confused:
Maybe it’s a server-side cache issue?

I see it here:

Strangely it works in a new post: Monocycle.info fait peau neuve - numéro 19 - Actualités - Monocycle.info (feel free to delete that after you look)

It should have fixed this - please check the logs (https://forum.monocycle.info/logs) which may show you more details on the error.

Uh… I don’t have it on my list when I’m logged in:


But it appears when I’m logged out. Any idea why?

When I rebuild the HTML, all the pictures appear a split second before transforming into these broken image icons.

I have no output in the error log.

Hi again. So, nobody has an idea of what’s happening here?

I have a similar issue. Images are just not displayed in the post in Discourse. Only the alt or title values are displayed

WP Post:

Discourse post:

Are you sure the image links are https? This is important if the discourse you are posting on is https.

저도 같은 질문이 있습니다. Discourse에서는 이미지가 깨져 보이지만, 메시지 미리보기에서는 정상적으로 표시되고 클릭하면 올바르게 열립니다.

안녕하세요 @copymonopoly, WP Discourse 플러그인으로 생성된 게시물에 있는 깨진 이미지인가요?

깨진 이미지는 원래 서버에 저장되어 있었습니다. migrate_to_S3를 사용하여 이 문제를 해결했지만, 새로운 문제가 발생했습니다.

이 주제는 Wordpress 플러그인으로 생성된 게시물에서 이미지가 깨지는 문제에 대해 구체적으로 다루고 있습니다. 작성하신 다른 주제에서 답변을 해주세요.