Wie lese ich den Bildtyp von einer URL?

Question

begegnete ich etwas sehr Seltsames:

Wie Sie das zweite letzte Bild jpg siehe Format hat, aber es als png Typ angezeigt ist wird. (Dies ist das Netzwerkfenster in Chrome.)

Wie kann ich diesen png Dateityp mit JavaScript erhalten? (Wie kann ich den MIME-Typ bekommen?)

Answer 1

Sie überprüfen die Antwortkopfzeile content-type. Der entsprechende Wert ist im Chrome-Netzwerk-Debugger aufgeführt. Alternativ können Sie es auf einem der vielen lists im Internet nachschlagen.

Sie Angenommen verwenden jQuery

$.ajax({ 
    url: "[image url]", 
    success: function(response, status, xhr){ 
    var contentType = xhr.getResponseHeader("content-type") || ""; 
    if (contentType === "image/jpeg") { 
     // do something with jpg 
    } 
    if (contentType === "image/png") { 
     // do something with png 
    } 
    } 
}); 

Wenn Sie Normal verwenden JavaScript verwenden, XMLHttpRequest.getResponseHeader() anstelle.

Answer 2

Senden Sie eine HEAD-Anfrage und schauen Sie sich den Inhaltstyp an.

var url = '/url/to/your/file.jpg', 
    xhttp = new XMLHttpRequest(); 

xhttp.open('HEAD', url); 
xhttp.onreadystatechange = function() { 
    if (this.readyState == this.DONE) { 
     console.log(this.getResponseHeader('Content-Type')); 
    } 
}; 
xhttp.send();