Support Forum

Minor image inserting issue under Safari and Google Chrome

TH Thorsten
Thorsten
Member

This is a heads-up that we’ve found a minor issue with “Insert/edit image” on Safari and Google Chrome. While under Firefox and IE simply pasting the image URL is sufficient to post an image in Safari and Google Chrome users must also provide the image dimensions. If those are missing a broken image link appears.

The dimensions can be automatically pulled by simply clicking in “Image Description”, which is easy enough. But this minor detail has caused quite a bit of headache on our ecourse site as I am working in Firefox on a PC hence did not notice that, but several students use Macs and kept reporting that inserting images isn’t working.

 

18 Answers

New Answer

YS Yellow Swordfish
Yellow Swordfish
Member

I will perhaps need to know more of the sequence your user(s) make as using Chrome on a Mac OSX inserting a remote image using the TinyMCE ‘Insert Image’ toolbar button and dialog works just fine with just pasting the URL and then immediately clicking the Insert button.

Actually I have never had a problem with either Chrome of Safari and have no other reports of this sort of behaviour which has not changed for many years.

Is this by any chance the same user who has had the PM issues? Just a thought…

TH Thorsten
Thorsten
Member

No, this is not the same user as in the previous issue, this is indeed a confirmed issue from my side as I tested it on my wife’s iMac just 30 minutes ago. She showed that pasting an image link and clicking “Insert” leads to a broken image in Safari. We tried several times, always with the same result. This same issue is reported by many Mac users now on our forum.

I reproduced the same behavior under Chrome on my PC. No special steps just “Add Reply” > click “Insert/edit image” > paste URL under “Image URL” > click “Insert” > broken image (blue box with question mark).

I just downloaded Safari for my PC, will test there as well.

TH Thorsten
Thorsten
Member

Just tried Safari on PC and no problem. Though the image didn’t post right away, the post had to be saved for it to pull.

 

TH Thorsten
Thorsten
Member

Testing Google Chrome on PC on this forum:

[Image Can Not Be Found]

 

TH Thorsten
Thorsten
Member

I am able to reproduce the issue under Google Chrome on my PC on this forum as shown in post above.

YS Yellow Swordfish
Yellow Swordfish
Member

Is this all with the same image url?

Sorry – but I am unable to reproduce this on any platform using any machine and OS. Nor can anyone else or we would have been swamped with the issue.

So – what is the image url being used please..? Or a sample url. And if not the same image are they from the same server?

TH Thorsten
Thorsten
Member

This happens with any image URL in Safari. Examples:

http://media-cache-ec0.pinimg.com/736x/1d/80/69/1d8069b9adb9b8de6e714474f5145b3f.jpg

http://farm7.staticflickr.com/6167/6162338665_3e8d0f3b71.jpg

I am posting each below via “Insert/edit image” in Chrome on PC to test (in the order listed):

 

[Image Can Not Be Found]

 

 

TH Thorsten
Thorsten
Member

Alright, here’s what’s actually happening. The first time around it doesn’t work, with any image link, neither Google Chrome on PC nor Safari on Mac. BUT, if the image is inserted again it now pulls (and actually pulls twice if the previous one showed as broken). We checked with several users who ran into this issue and they confirmed that on second try it worked. I checked on my wife’s Mac / Safari as well and first try > broken image. Second try > fine, for all the same links. Quite odd that is. 

TH Thorsten
Thorsten
Member

Another image link to try:

http://decor8blog.com/ecourses/wp-content/uploads/2013/11/rtRQjtzNekpagM__b5zAXljaIYBkZnG-bghAa7jI7ZM.jpg

TH Thorsten
Thorsten
Member

Again, came up as a broken image, then pulled on second try. This is pronounced on Safari under Mac (have to save then edit then save to pull) but seems to work more instantly on Google Chrome on PC, at least that’s the best way I can explain it.

YS Yellow Swordfish
Yellow Swordfish
Member

I really do not know what to say.

In will ask around to see if anyone else is having this issue but I am rather sure that it is unique. And if I can’t replicate under any circumstances then I am not sure how I have anything to fix – especially as the TinyMCE component is core WordPress.

Dopes asnyone have any ideas?

TH Thorsten
Thorsten
Member

I am doing one more test, this time right from my wife’s Mac using Safari 7.0. Image link is:

http://decor8blog.com/ecourses/wp-content/uploads/2013/11/IMG_8786.jpg

Posting now via TinyMCE:

TH Thorsten
Thorsten
Member

So, it’s obviously working here. I did the same test also on our forum. And the image shows there as well. But, it didn’t show right away. When I posted the picture into the editor there was nothing there, the post was just blank. When I saved the post the picture showed up. But, in some unexplained cases the picture remains blank even after saving. But editing and re-saving finally pulls it. I can’t pinpoint this behavior, it seems random. And that’s what’s confusing several of our students. That’s what I am seeing on my end here in this forum and on our forum. Is this something you can reproduce as well, at least the blank image at first insert via Safari on Mac?

YS Yellow Swordfish
Yellow Swordfish
Member

No – as I have said – it works fine for me.

There is only one thought I have at the moment. When a post is saved, if it has an image tag and the image attributes do not include a width, then the code performs a getimagesize() call to the image server so that the width attribute can be added. If this fails then the ‘image not found’ message gets displayed instead. As this happens on your forum, might this be something to do with your server now allowing outbound access to other servers to determine this information? Not sure how but it is the only scenario I can come up with at the moment that seems to make any sense.