I’ve just logged in this morning to go through my decks, but I’ve noticed many missing images from my flashcards, despite not deleting any from my MacBook. Any help?
Can you select Tools > Check media and make sure the media files are present?
1 Like
- Are they missing from the cards (blank where they should be when you preview or study a card) or are the missing from both the notes and the cards (a broken-image icon where they should be when you look in the Browse window and at the card)?
- When was the last time you saw the images there (for these particular notes/cards)? Has anything changed since then?
1 Like
appears with a broken image icon when I preview or study the card. I’ve only seen maybe 10-20 out of several thousand flashcards be affected, so not a major issue. Images still do not appear to be restored on the affected cards though
If they look fine in the Browse window note editor, and it’s only a problem once the card is built – that suggests a template issue.
- If your notes display the image on multiple cards – is the image missing from all of the cards for that note, or only from certain cards?
- Are there certain note types or card types where this is happening?
- For a note where this is happening, can you post –
- The HTML view of the field containing the image (as text, please, in a preformatted text/code block) – click
< >above the field to open it. - The front/back/styling templates for that card type (as text, please, in a preformatted text/code block).
- What the card looks like without the image (screenshot is fine).
- The HTML view of the field containing the image (as text, please, in a preformatted text/code block) – click
The type of cards affected are random, and the image appeared just fine when I first created it. Its not a massive issue atm, but better safe than sorry:)
Is your device connected to the Internet? It seems these are not local files but remote media Anki is supposed to load from external websites (like quizlet). It’s also possible something changed on some of the external sites and the links are now broken so Anki can’t find any image to show. If the links are fine, however, you should be able to use Localize Media to localise all the image files.
2 Likes
Yep, it is. These images are merely screenshots from lectures!
Well, at least the one you shared above is a remote from quizlet and certainly not a screenshot:
Maybe type that link into a browser and see if it’s accessable at all. If not, then anki cannot display it either.
1 Like
The image seems to exist but it doesn’t work for me: https://quizlet.com/cdn-cgi/image/f=auto,fit=cover,h=200,onerror=redirect,w=240/https://o.quizlet.com/FRrVeB.xZFD0Pp5818FTHQ.png
(sent the picture to ChatGPT and it typed the link out in a copy-able block)
oops, yes that specific flashcard includes a screenshot from quizlet.
This flashcard is definitely from a lecture
It’s online too. I did type it into my browser though and while the picture quality isn’t the best, I can access it just fine. Can you paste that link (https://o.quizlet.com/.koNNqNbsZvWI1kRPe.3Uw.png) into your internet browser and check that you can access it?
If not, maybe you have a firewall / hosts file / … configured, that blocks access to o.quizlet.com.
For reference, I see this picture:
Well, actually, I doesn’t work with anki but does with my internet browser.
I took your link, pasted it into anki and checked using the dev console (in anki) what is going on. I get this:
Failed to load resource: net::ERR_BLOCKED_BY_RESPONSE.NotSameOrigin
The internet suggested to add the following to the img tag:
crossorigin="anonymous"
so it becomes this:
<img crossorigin="anonymous" src="https://quizlet.com/cdn-cgi/image/f=auto,fit=cover,h=200,onerror=redirect,w=240/https://o.quizlet.com/FRrVeB.xZFD0Pp5818FTHQ.png">
I now get this error in the console:
Access to image at 'https://quizlet.com/cdn-cgi/image/f=auto,fit=cover,h=200,onerror=redirect,w=240/https://o.quizlet.com/FRrVeB.xZFD0Pp5818FTHQ.png' from origin 'http://127.0.0.1:38837' has been blocked by CORS policy: No 'Access-Control-Allow-Origin' header is present on the requested resource.
I can see the picture in the dev console now, which didn’t work before without the crossorigin="anonymous" part:
But I don’t know how to make it appear on the card.
Oh ok so essentially any images pasted from quizlet are defective:(
Looks like a cors issue
Seems like the way anki preloads images, only the src attr is carried over (and not crossorigin etc)
1 Like
Even if Anki can’t display the images, have you tried using the Localize Media add-on (as was suggested earlier) to attach the images directly to your notes? It’s possible it will have the same issue and you’ll need to download and properly attach the images manually, but it’s worth a shot.
1 Like
This topic was automatically closed 30 days after the last reply. New replies are no longer allowed.