Nachtrag

[Raketenwilli]

Nachtrag

Ich habe "https://home.fastix.org/Tests/200x200.png" zu Deinem Fiddle hinzugefügt. Der Abruf klappt auch laut logfile:

95.116.87.158 - - [19/Feb/2021:10:46:27 +0000] "GET /Tests/200x200.png HTTP/1.1" 200 8277 "https://tryit.w3schools.com/tryit_view.php?x=0.9969626945230762" "Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:85.0) Gecko/20100101 Firefox/85.0"

Trotzdem kommt die Fehlermeldung „TypeError: NetworkError when attempting to fetch resource.“ - aus Deiner Zeile alert(error).

In der Brwoserkonsole des Mozilla steht dann:

Quellübergreifende (Cross-Origin) Anfrage blockiert: Die Gleiche-Quelle-Regel verbietet das Lesen der externen Ressource auf https://home.fastix.org/Tests/200x200.png. (Grund: CORS-Kopfzeile 'Access-Control-Allow-Origin' fehlt).

Also bleibt es auch hier dabei: Gleicher Server oder Du sendest mit der Grafik einen passenden „Access-Control-Allow-Origin“-Header.

Das Zeug wurde ja nicht erfunden, um im Browser einfach umgehbar zu sein. Es sei denn Du baust einen serverseitigen Proxy, der die Grafik(en) abholt und mit passenden Headern weitersendet.