Bild-url-downloads das Bild angezeigt, statt es

Ich wechselte die Seite von meinen arbeiten, Dateien auf den server.

Es geklappt, wenn ich es hochgeladen, um mein portfolio aber einmal war es auf die richtige domain funktioniert es nicht mehr. Das Bild, anstelle der Anzeige, zeigt nur, bis leer, also habe ich versucht dann geht es in die direkte url.

Anstatt es arbeiten, lädt es das Bild anstatt es.

Hier ist die direkte url: Direkte url -

Mein tag: <img src="images/login_header.svg" alt="Alright, lets start finding discounts!" />

Meiner Struktur:

//root (BBCM)

////images

//////login_header.svg

////css

////js

//end root

Habe ich versucht:

  • /images/url.svg

  • die direkte url für das Bild

  • BBCM/images/url.svg

Es funktioniert, wenn es auf meinem portfolio aber nicht auf die richtige domain.

Irgendwelche Ideen? Wenn die Bild-downloads, es zeigt auch das richtige Bild, so bin ich ein wenig verloren hier.

  • hat Sie Ihre server bekam der svg mime-Typ definiert?
  • Ich bin mir nicht sicher, auf meinem portfolio habe ich noch nie änderungen vorgenommen, wie die server-Funktionen. Auf die richtige domain, die ich hätte Fragen unser IT-Mann zu sehen.
  • Ich habe das gleiche problem mit chrome (43) und eine lokale Datei file://path/to/a/file.svg, und es treibt mich in den Wahnsinn.
InformationsquelleAutor Josh Powell | 2014-02-03
  1. 7

    Ist dein server sendet die .svg Datei mit dem richtigen MIME-Typ? Es sollte image/svg+xml.

    Sehen Nginx bietet der downoload SVG-anstatt zu zeigen, es für eine andere Frage auf der gleichen Linie.

    • Wie kann ich das herausfinden, nur ein Punkt in die richtige Richtung gewürdigt wird? Mein IT-Mann hat nicht mir den Rücken zu bekommen und wahrscheinlich nicht heute.
    • Sie können Ihre browser-Entwickler-tools. Für IE, drücken Sie F12, um Sie zu öffnen, wechseln Sie zu der Registerkarte "Netzwerk" die Aufzeichnung zu starten, dann sehen, was der MIME-Typ der .svg Datei kommt mit (es werden in der Detailansicht unter dem Antwort-Header). Es ist vermutlich application/octet-stream die browser-sprechen für unrecognised binary blob.
    • In chrome, es zeigt es als application/octet-stream, ist das etwas, was ich beheben können, die auf dem server oder muss ich meine IT-Mann?
    • Es kommt auf den server. Wenn es der Apache ist, können Sie in der Regel verwenden .htaccess-Datei, um das problem zu beheben. Manchmal ein Bedienfeld vorgesehen ist, dass lassen Sie es ändern. Wenn es IIS oder etwas anderes, werden Sie wahrscheinlich benötigen, sprechen Sie mit Ihrem IT-Leute.
    InformationsquelleAutor Olly Hodgson
  2. 0

    versuchen <object data="/images/login_header.svg" type="image/svg+xml"></object> statt

    • Ich war in der Lage zu geben diesem einen Versuch und es hat nicht funktioniert als gut. Anstelle der Anzeige nichts es einfach sofort ein download gestartet, für das Bild beim laden der Seite.
    InformationsquelleAutor LorDex
  3. 0

    Einigen Browsern nicht zulassen, dass der IMG-tag zur Unterstützung von SVG-Dateien, aber Sie können es in ein Objekt mit einem Bild als fallback falls der browser nicht gerendert.

    <object data="image.svg" type="image/svg+xml">
  <img src="fallbackimage.jpg" />
</object>
    • Der IMG-tag hat die Unterstützung von SVG-Dateien. Was macht Sie glauben es nicht?
    • Mein schlechtes, es wird unterstützt. Aber nicht von jedem browser, so ist es am besten, um das OBJEKT-tag für einen ordentlichen fallback.
    • Opera, Safari, Firefox, IE, Chrome alle tun so das man denkt Ihr nicht?
    • IE 8.0 und darunter unterstützen kein SVG in IMG und da gibt es noch viel zu viele Menschen mit diesem browser sollten Sie fallback.
    • IE8 unterstützt keine SVG an alle, IMG oder sonst.
    • Das ist, warum Sie das SVG in ein OBJEKT mit einer IMG in es als fallback bei IE8 kommt, so fällt es zurück auf die jpeg-anstelle des svg.

    InformationsquelleAutor Remy Lagerweij
Schreibe einen Kommentar