Kann Javascript verwendet werden, um zu erkennen, eine Weiterleitung image SRC (in jedem gängigen browser)?

Ich vermute Nein, aber man weiß ja nie.

  1. Browser lädt <img src="http://example.net/lolcat.png">
  2. example.net leitet lolcat.png zu http://static.example.net/bandwidth-exceeded.gif

Kann ich erkennen dieses?

Cross-browser ist nicht wichtig, nur auf der Suche nach einer option, die Arbeit wird in jedem 1 gängigen browser.

Bisher meine beste option ist, zu wissen, die Größe der Platzhalter-Bild, immer ein "vielleicht" mit Blick auf die Größe des Bildes onload (in Browsern, die Unterstützung onload-events in image-tags), und machen einen schnellen XHR-request Benachrichtigung des backend, die wir haben, eine vielleicht.

  • Mmmmm... Interessante Frage. Wie über die src Eigentum in so einem Fall. Ist es nicht / sollte es nicht ändern? Ich kann das nicht testen, gerade jetzt.
  • ja.. die src-Eigenschaft gibt immer das, was eingestellt war ursprünglich.
InformationsquelleAutor casey | 2010-11-02
  1. 5

    Ich habe mit den folgenden code:

    var a=new Image(); a.src='http://example.com/image.png';
alert( a.width );

    in diesem Fall 0 zurück, da das Bild nicht vorhanden ist.

    Auf link-text fand ich durchaus ein paar Eigenschaften, die sein könnte lohnt sich. Und wenn Sie das nicht wollen, könnte der Blick in jQuery und AJAX.

    Bearbeiten:

    - getestet auf firefox firebug

    var a=new Image(); 
a.src='http://l.yimg.com/g/images/photo_unavailable_m.gif';
console.log(a.width); //the image exists and returns 240

var b=new Image(); 
b.src='http://farm3.static.flickr.com/2560/4098180849_729ef4f6ef_m.jpg';
console.log(b.width); //the image does not exist (re-direct) and returns 0
    • Haben Sie ein Beispiel-Bild, dass umgeleitet wird, so kann ich das ausprobieren?
    • hm. Das ist interessant. Wenn ein Bild umgeleitet wird, würde ich erwarten, um die Größe und nicht 0 ist... aber vielleicht Bild kann mir etwas sagen. Es sieht aus wie der IE vielleicht in der Lage zu berichten, die Dateigröße, die ist interessant. Hier ist ein Beispiel: farm3.static.flickr.com/2560/4098180849_729ef4f6ef_m.jpg wird umgeleitet auf l.yimg.com/g/images/photo_unavailable_m.gif
    • nice one! Sie nagelte ihn.
    • Süß! Akzeptiert. edit oh wait. Wenn ich das in Firebug, das zweite Beispiel gibt mir 240 und nicht 0.
    InformationsquelleAutor patrick
  2. 4

    die Antwort auf Ihre Frage
    Kann Javascript verwendet werden, um zu erkennen, eine Weiterleitung image SRC (in jedem gängigen browser)?
    ist einfach wie du gesagt hast , Nein! da http-absolut keine option, für die Ermittlung der Umleitung. Dies ist ähnlich wie die Erkennung von url-Umleitung, die ist einfach eine Einschränkung für javascript.

    InformationsquelleAutor Althaf M
  3. 2

    Ich glaube nicht, dass es möglich zu erkennen, eine Weiterleitung mit JavaScript ohne einige Vorkenntnisse über die Bild-Eigenschaften. Die src-Eigenschaft des aktuellen DOM bleibt die gleiche, unabhängig davon, jede Umleitung, so dass die option aus.

    Ich würde vorschlagen, dass Sie einen proxy-Skript auf Ihrem server fungiert als Vermittler zwischen. Zum Beispiel, Ihre image-tag würde so Aussehen (mit geeigneten URL-Codierung, natürlich):

    <img src='/proxy?src=http://example.com/image.png' />

    Ihre proxy-script überprüfen der Header-Umleitungen vor dem servieren das Bild. Es ist nicht narrensicher, aber es könnte Ihnen zu ermöglichen, zum Beispiel cache das Bild auf den ersten laden, so dass Sie nicht bekommen, bandwidth limit Fehler aus der anderen Maschine.

    Wenn es nur für Ihre eigenen Zwecke, Sie können möglicherweise verwenden Sie ein ActiveXObject im Internet Explorer prüfen Sie das Bild im detail. Kann nicht helfen, Sie auf die Besonderheiten obwohl.

    Ich davon aus, dass Sie erlaubt, hotlink/cache das Bild mit dem Einverständnis der anderen Partei.

    InformationsquelleAutor Hamish
  4. 0

    Beispiel .net leitet lolcat.png zu
    http://static.example.net/bandwidth-exceeded.gif

    Was ist lolcat.png? Ich vermute, dass seine Handler und im wesentlichen nur dies tut:

    <%
    Antwort.Redirect("Bandbreite überschritten wird.gif?redirect=true")
    %>

    Wenn ja, habt Ihr versucht Helicon ' s ISAPI-URL Rewrite erstellen eines regex-Regel zum Anhängen eines query-string-Parameter an das Ende der URL des Bildes

    • hm.. ich bin mir nicht sicher, wohin Sie gehen mit diesem - example.net ist eine externe Website, die nicht von mir kontrolliert.
    • so dass Sie nicht einmal wissen, was lolcat.png ist? doh! muss es über javascript? Ich denke, vielleicht könnten Sie einen handler für die Bilder dotnetperls.com/ashx, dann versuchen Sie und Holen Sie sich die referrer, zB: HttpContext.Aktuelle.Anfrage.UrlReferrer().ToString(), dann, wenn es muss erkannt werden via javascript vielleicht könnten Sie schreiben, die referrer-Wert zu einem versteckten html-Textfeld.
    • ps ich bin nicht sicher, ob der referrer wird Ihnen zulassen, zu erkennen, wenn seine kommen aus eine Umleitung, aber wenn es nicht von lolcat.png kann man dann davon ausgehen, es ist nicht ein redirect?
    InformationsquelleAutor Jeremy Thompson
  5. 0

    Mit reinem javascript, es ist unmöglich. Aber mit Hilfe von server-side script (beispielsweise PHP), es kann leicht getan werden. Ich habe mir eine eigene, Kostenlose Dienstleistung an http://finalurl.web44.net, nützlich zu beheben, einfach die URL-Umleitung.

    Um es zu verwenden, gehören finalURL.js innerhalb HEAD-Abschnitt d.h.

    <script src="http://finalurl.web44.net/finalURL.js"></script>

    Es zu benutzen, rufen Sie finalURL( url_to_resolve ); Funktion d.h.

    var actualURL = finalURL( 'http://dummy.com/beforeRedirectURL.jpg' );

    Wenn Sie möchten, zu hosten des back-end-PHP-code selbst, überprüfen Sie folgende post:
    Finden Sie umgeleitet img-Quelle

    InformationsquelleAutor vcc2gnd
Schreibe einen Kommentar