Safari does not render linked images

75 views
Skip to first unread message

Chris Helm

unread,
Jun 17, 2020, 12:53:01 PM6/17/20
to TiddlyWiki
Hello all,

I'm a relative newbie with Tiddlywiki and I'm struggling with the following problem.  A search of this site and Google in general doesn't indicate that it's been addressed already so could I ask for your help with it please? 

I'm using Tiddlyspot to host a TW5 file that publishes the results from a continuing series of games that I've been playing solo during lockdown, with the idea that a few, interested friends can follow the progress.  The Tiddlywiki can be found here http://nyikancrisis.tiddlyspot.com.

To keep the footprint of the Tiddlywiki file as small as possible, I've avoided embedding imagery in the file.  Instead I've linked the images from my Dropbox account using this link syntax: [img[https://www.dropbox.com/s/3j94lvbwqubk0kn/IMG-20200605-WA0008.jpeg?dl=1]]

Everything is working perfectly except that no one using Safari on any Apple device can see the pictures, they simply don't render. 

One of my friends has suggested that this is to do with Safari and it's 'Cross Origin Restrictions'.  I'm reading up on this at the moment (here's an example https://www.webdavsystem.com/ajax/programming/cross_origin_requests/).  If I'm interpreting this correctly, it seems that I will have to insert some Access Control headers into the Tiddlywiki file, which is well beyond my skill level at the moment.

So my questions are these.  Has anyone in the group encountered this problem before and, if so, identified a solution that works for TW5?  Am I in any way on the right track to a solution?

I'd be grateful for any suggestions you may offer.

Best regards,

Chris

Jeremy Ruston

unread,
Jun 17, 2020, 3:32:43 PM6/17/20
to tiddl...@googlegroups.com
Hi Chris

I can confirm the problem. The same problem occurs with putting <img src="https://www.dropbox.com/s/3j94lvbwqubk0kn/IMG-20200605-WA0008.jpeg?dl=1"/> into a plain HTML tiddler, so I think this is a peculiarity of Dropbox and Safari, rather than TiddlyWiki.

Best wishes

Jeremy


On 17 Jun 2020, at 17:53, Chris Helm <chris...@gmail.com> wrote:


--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddlywiki+...@googlegroups.com.
To view this discussion on the web visit https://groups.google.com/d/msgid/tiddlywiki/ca305ad5-7f28-4532-a9a0-20777da69a92o%40googlegroups.com.

Glenn McLelland

unread,
Jun 17, 2020, 3:47:27 PM6/17/20
to TiddlyWiki

Chris Helm

unread,
Jun 17, 2020, 4:07:04 PM6/17/20
to TiddlyWiki
Hi Jeremy, thanks very much for such a prompt response.  I'm glad to find that it's not me.  Best regards, Chris


On Wednesday, June 17, 2020 at 8:32:43 PM UTC+1, Jeremy Ruston wrote:
Hi Chris

I can confirm the problem. The same problem occurs with putting <img src="https://www.dropbox.com/s/3j94lvbwqubk0kn/IMG-20200605-WA0008.jpeg?dl=1"/> into a plain HTML tiddler, so I think this is a peculiarity of Dropbox and Safari, rather than TiddlyWiki.

Best wishes

Jeremy


On 17 Jun 2020, at 17:53, Chris Helm <chri...@gmail.com> wrote:


Hello all,

I'm a relative newbie with Tiddlywiki and I'm struggling with the following problem.  A search of this site and Google in general doesn't indicate that it's been addressed already so could I ask for your help with it please? 

I'm using Tiddlyspot to host a TW5 file that publishes the results from a continuing series of games that I've been playing solo during lockdown, with the idea that a few, interested friends can follow the progress.  The Tiddlywiki can be found here http://nyikancrisis.tiddlyspot.com.

To keep the footprint of the Tiddlywiki file as small as possible, I've avoided embedding imagery in the file.  Instead I've linked the images from my Dropbox account using this link syntax: [img[https://www.dropbox.com/s/3j94lvbwqubk0kn/IMG-20200605-WA0008.jpeg?dl=1]]

Everything is working perfectly except that no one using Safari on any Apple device can see the pictures, they simply don't render. 

One of my friends has suggested that this is to do with Safari and it's 'Cross Origin Restrictions'.  I'm reading up on this at the moment (here's an example https://www.webdavsystem.com/ajax/programming/cross_origin_requests/).  If I'm interpreting this correctly, it seems that I will have to insert some Access Control headers into the Tiddlywiki file, which is well beyond my skill level at the moment.

So my questions are these.  Has anyone in the group encountered this problem before and, if so, identified a solution that works for TW5?  Am I in any way on the right track to a solution?

I'd be grateful for any suggestions you may offer.

Best regards,

Chris

--
You received this message because you are subscribed to the Google Groups "TiddlyWiki" group.
To unsubscribe from this group and stop receiving emails from it, send an email to tiddl...@googlegroups.com.

Chris Helm

unread,
Jun 17, 2020, 4:10:21 PM6/17/20
to TiddlyWiki
And thank you too, Glenn, not only for a prompt response but the solution too!  I'm grateful AND impressed.  :-)  So I'll go off now and try out your fix.  Best regards, Chris

springer

unread,
Jun 17, 2020, 8:32:35 PM6/17/20
to TiddlyWiki
Another solution: I've been serving up dropbox images everywhere with no trouble, always replacing the final dl=0 with raw=1


becomes 


Seems to work uniformly, so far.

Chris Helm

unread,
Jun 18, 2020, 6:43:43 AM6/18/20
to TiddlyWiki
Thanks for this too, Springer.  Now I'm wondering whether this might solve another, related problem, which is that I can't get pictures stored in Google Photos to render either.  Regards, Chris

Chris Helm

unread,
Jun 18, 2020, 6:51:47 AM6/18/20
to TiddlyWiki
Nope.  Just tried it and it doesn't work.  Sigh.  Back to the drawing board with that one.

springer

unread,
Jun 18, 2020, 11:18:04 AM6/18/20
to TiddlyWiki
Chris,

It's a nuisance, but google photo links can be run through this engine to convert them into embeddable image links:


-Springer

springer

unread,
Jun 18, 2020, 11:27:13 AM6/18/20
to TiddlyWiki
Chris,

Actually, I'm not having any trouble using the contextual menu to "copy image address" from a google photo, then putting that url into [img[tooltip|url]] format. I confirmed it shows up fine even via safari, for me. I wonder what's blocking that for you?

-Springer

Chris Helm

unread,
Jun 18, 2020, 2:57:01 PM6/18/20
to TiddlyWiki
Hi Springer, thanks very much for giving this some thought, I appreciate it. I'm also irritated with myself now. It had never occurred to me to try the simple solution! I was completely fixated on the fact that the 'Share / Create link' process didn't yield a result. Double sigh. Anyway, thanks very much, again, for pointing me in the right direction. You've single handedly saved me having to bounce the pictures through Google Photos to Dropbox! Brilliant. Have a great day / evening, wherever you are and stay safe.
Reply all
Reply to author
Forward
0 new messages