JavaScript 通过 URL 获取 MIME类型

本文主要是介绍JavaScript 通过 URL 获取 MIME类型，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

在JavaScript中，您可以使用URL对象和MediaType来获取URL中的MIME类型。

const mimeTypes = {'.jpg': 'image/jpeg','.jpeg': 'image/jpeg','.png': 'image/png','.gif': 'image/gif','.txt': 'text/plain','.html': 'text/html','.css': 'text/css','.js': 'application/javascript',// ... 其他MIME类型
};// 使用示例
function getMIMETypeFromExtension(fileExtension) {return mimeTypes[fileExtension] || 'application/octet-stream'; // 默认返回二进制数据流
}const fileExtension = '.png';
const mimeType = getMIMETypeFromExtension(fileExtension);
console.log(mimeType); // 输出: image/png

getMIMETypeFromExtension函数接受一个文件扩展名作为参数，并返回对应的MIME类型。如果找不到匹配的MIME类型，它返回’application/octet-stream’作为默认值，这通常用于未知类型的二进制数据。

const mimeTypes = {'.3gp': 'video/3gpp','.aac': 'audio/x-aac','.aiff': 'audio/aiff','.avi': 'video/x-msvideo','.bmp': 'image/bmp','.csv': 'text/csv','.doc': 'application/msword','.docx': 'application/vnd.openxmlformats-officedocument.wordprocessingml.document','.flash': 'application/x-shockwave-flash','.gif': 'image/gif','.gz': 'application/x-gzip','.html': 'text/html','.jpg': 'image/jpeg','.jpeg': 'image/jpeg','.js': 'application/javascript','.json': 'application/json','.mp3': 'audio/mpeg','.mp4': 'video/mp4','.mpeg': 'video/mpeg','.mpg': 'video/mpeg','.ogg': 'audio/ogg','.pdf': 'application/pdf','.png': 'image/png','.ppt': 'application/vnd.ms-powerpoint','.pptx': 'application/vnd.openxmlformats-officedocument.presentationml.presentation','.rar': 'application/x-rar-compressed','.rtf': 'application/rtf','.svg': 'image/svg+xml','.swf': 'application/x-shockwave-flash','.tar': 'application/x-tar','.tif': 'image/tiff','.tiff': 'image/tiff','.txt': 'text/plain','.wav': 'audio/x-wav','.webm': 'video/webm','.webp': 'image/webp','.woff': 'application/font-woff','.woff2': 'application/font-woff2','.xml': 'text/xml','.zip': 'application/zip',// 还可以继续添加其他MIME类型
};// 使用示例
function getMIMETypeFromExtension(fileExtension) {return mimeTypes[fileExtension.toLowerCase()] || 'application/octet-stream';
}const fileExtension = '.png';
const mimeType = getMIMETypeFromExtension(fileExtension);
console.log(mimeType); // 输出: image/png

在浏览器中，如果您需要动态地根据URL获取MIME类型，您可以使用fetch API 和 Response.headers.get 方法来获取服务器返回的MIME类型。具体代码逻辑如下：

async function getMIMETypeFromURL(url) {const response = await fetch(url);return response.headers.get('Content-Type');
}// 使用示例
const url = 'https://example.com/image.png';
getMIMETypeFromURL(url).then(mimeType => {console.log(mimeType); // 输出可能是：image/png
});