Tipo mimo de JavaScript
MIME (Extensiones multipropósito de correo de Internet) es un tipo de medio que señala el tipo de documento y las extensiones y representa la capacidad de un archivo.
Técnicamente, enviamos múltiples solicitudes HTTP al servidor al cargar una página web o cualquier contenido en un navegador web. Y en función de la validez de las solicitudes, el servidor envía las respuestas correspondientes a los clientes, también conocidos como nosotros.
En nuestra PC local, tenemos el nombre del archivo y aparecieron sus extensiones. Pero los archivos no tienen la misma identidad cuando el navegador maneja los mismos datos o los envía a través de una solicitud.
A veces, se agrega un tipo de mimo predeterminado cuando se envía, o a veces requiere que lo agreguemos a través de códigos sin procesar.
El tipo mimo tiene una construcción básica como Tipo/Subtipo. Aquí, el tipo denota las características del archivo si es un texto, una imagen u otros archivos.
El subtipo lleva las extensiones. El navegador maneja un archivo enviado vía request sin ningún tipo de mimo.
Resuelve el problema configurando a menudo el tipo mime en text/plain.
Este artículo examinará cómo podemos visualizar el tipo mimo para las solicitudes y las respuestas. Entonces, saltemos al código y obtengamos una vista previa para una mejor comprensión.
Tipo MIME en el caso de JavaScript
Existe una gama válida de tipos de mime y, a menudo, se actualiza según la necesidad de los desarrolladores de mejorar la experiencia. En el caso de JavaScript, el tipo mime por defecto o más utilizado es text/javascript.
Además, tenemos diferentes tipos de mime para JSON y otras convenciones.
Aquí, en el código a continuación, buscaremos una URL, y si el servidor acepta la solicitud, obtendremos una respuesta. En este sentido, comprobaremos el tipo mime del documento enviado a través de la solicitud y el tipo mime de los datos recibidos con la respuesta.
Fragmento de código:
<!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();
}
Producción:
Como se puede ver, cuando hicimos clic en el botón Mime, la solicitud fue a buscar datos de la URL dada. Mientras se enviaba a buscar tomó el HTML como text/html y el JavaScript como text/javascript.
Pero cuando recibimos la respuesta, los datos estaban en formato JSON; por lo tanto, el encabezado de respuesta lo tenía escrito en application/json. Así es como podemos visualizar los tipos mime en JavaScript.
Además, hay un paquete llamado mime-types, y puede instalarlo en su PC local con el comando.
npm install mime-types
Y más tarde, puede hacer mime.getType para ver los detalles de un determinado documento o archivo. La siguiente redirección te llevará a la documentación en mimo.
