JavaScript-Mime-Typ
MIME (Multipurpose Internet Mail Extensions) ist ein Medientyp, der auf den Dokumenttyp und die Erweiterungen verweist und die Leistungsfähigkeit einer Datei darstellt.
Technisch gesehen senden wir beim Laden einer Webseite oder eines beliebigen Inhalts in einem Webbrowser mehrere HTTP-Anforderungen an den Server. Und basierend auf der Gültigkeit der Anfragen sendet der Server entsprechende Antworten an die Clients, auch bekannt als wir.
Auf unserem lokalen PC haben wir den Dateinamen und seine Erweiterungen angezeigt. Aber die Dateien tragen nicht die gleiche Identität, wenn der Browser die gleichen Daten verarbeitet oder sie über eine Anfrage sendet.
Manchmal wird beim Senden ein standardmäßiger mime-Typ hinzugefügt, oder manchmal müssen wir über Rohcodes addieren.
Der Typ mime hat einen grundlegenden Aufbau wie Type/SubType. Dabei bezeichnet der Typ die Eigenschaften der Datei, ob es sich um Text-, Bild- oder andere Dateien handelt.
Der subtype trägt die Erweiterungen. Der Browser verarbeitet eine per Anfrage gesendete Datei ohne jeglichen mime-Typ.
Es löst das Problem, indem es oft den Typ mime auf text/plain setzt.
In diesem Artikel wird untersucht, wie wir den mime-Typ für die Anfragen und die Antworten visualisieren können. Lassen Sie uns also zum Code springen und ihn zum besseren Verständnis in der Vorschau anzeigen.
MIME-Typ im Fall von JavaScript
Es gibt eine gültige Auswahl an mime-Typen, die oft aufgrund des Drangs der Entwickler aktualisiert werden, das Erlebnis zu verbessern. Im Fall von JavaScript ist der standardmäßige oder am häufigsten verwendete mime-Typ text/javascript.
Außerdem haben wir verschiedene mime-Typen für JSON und andere Konventionen.
Hier, im folgenden Code, rufen wir eine URL ab, und wenn die Anfrage vom Server akzeptiert wird, erhalten wir eine Antwort. Dabei prüfen wir den mime-Typ des über die Anfrage gesendeten Dokuments und den mime-Typ der mit der Antwort erhaltenen Daten.
Code-Auszug:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<button onclick="btn()">Mime</button>
<p id="mime"></p>
<script id="sc" src="mime.js"></script>
</body>
</html>
var mime = document.getElementById('mime')
function getData() {
url = 'https://dummy.restapiexample.com/api/v1/employee/1'
params = {
headers: {'Content-Type': 'application/json'}
} fetch(url, params)
.then((response) => {
return response.text();
})
.then((data) => {mime.innerHTML = data})
}
function btn() {
getData();
}
Ausgang:
Wie zu sehen ist, ging die Anfrage zum Abrufen von Daten von der angegebenen URL, als wir auf die Schaltfläche Mime klickten. Während es zum Abrufen gesendet wurde, nahm es das HTML als text/html und das JavaScript als text/javascript an.
Aber als wir die Antwort erhielten, waren die Daten im JSON-Format; Daher wurde der Antwortheader in application/json geschrieben. So können wir die mime-Typen in JavaScript anzeigen.
Außerdem gibt es ein Paket namens mime-types, das Sie mit dem Befehl auf Ihrem lokalen PC installieren können.
npm install mime-types
Und später können Sie mime.getType ausführen, um die Details zu einem bestimmten Dokument oder einer bestimmten Datei anzuzeigen. Die folgende Weiterleitung führt Sie zur Dokumentation in mime.
