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
});

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/747894.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

【AI+办公】利用AI软件制作PPT提升工作效率

最近看了很多AI相关信息的输入,很多使用AI软件赚钱的文章或付费课程,思路多多少少自己了解不少,后面有时间分享下。本篇主题是,利用AI软件制作PPT提升工作效率。对于上班族来说,提升工作效率也是一种节省个人时间的方式…

002——编译鸿蒙(Liteos -a)

目录 一、鸿蒙是什么 二、Kconfig 2.1 概述 2.2 编译器 2.3 make使用 本文章引用了很多韦东山老师的教程内容,算是我学习过程中的笔记吧。如果侵权请联系我。 一、鸿蒙是什么 这里我补充一下对鸿蒙的描述 这张图片是鸿蒙发布时使用的,鸿蒙是一个很…

JAVA 100道题目(1)

1.编写一个程序,输入两个整数并计算它们的和 以下是一个简单的Java程序,用于输入两个整数并计算它们的和: java复制代码 import java.util.Scanner; public class IntegerSum { public static void main(String[] args) { Scanner scanner …

hcia复习总结5

路由表 路由器的转发原理&#xff1a;当一个数据包进入路由器&#xff0c;路由器将基于数据包中的 目标IP地址查看本地的 路由表 。如果路由表中存在记录&#xff0c;则将 无条件 按照 路由表记录执行&#xff1b;如果没有记录&#xff0c;则将该数据包直接丢弃。 <aa…

基于变分模态分解与平稳小波变换的信号联合降噪(MATLAB R2021B)

变分模态分解VMD与递归式模态分解(EMD等)所采取的层层筛选模式有本质的不同&#xff0c;其整体框架是变分问题的求解&#xff0c;并且具有坚实的理论基础。 关于递归式模态分解(EMD等)的研究&#xff0c;实践超前于理论&#xff0c;目前尚没有严格的理论支持&#xff0c;递归式…

无硫防静电手指套:高科技产业的纯净与安全新选择

随着科技的飞速发展&#xff0c;高科技产业对于生产环境的纯净度和产品的防静电要求日益严格。为了满足这一高标准的需求&#xff0c;无硫防静电手指套应运而生&#xff0c;以其独特的无硫特性和出色的防静电功能&#xff0c;迅速成为了高科技产业中的纯净与安全新选择。 无硫手…

生成器模式(软考uml C++版)

按照软考中级软件设计师中指定的生成器模式uml图&#xff0c;可编写对应的C&#xff0b;&#xff0b;代码&#xff1a; #include<iostream> #include<vector> #include<string> using namespace std;/*创建者模式&#xff0c;又名生成器模式意图&#xff1a…

html5的css使用display: flex进行div居中的坑!

最近做项目的时候&#xff0c;有个需求&#xff0c;一个高度宽度不确定的Div在另一个Div内上下左右居中。 然后以前上下居中用的都是很繁琐的&#xff0c;就打算去百度搜索一个更优秀的方法。 百度AI自己给我一个例子&#xff1a; /* div在容器里居中显示&#xff0c;设置外容…

Linux_socket编程

套接字通信 socket 接口 守护进程 一.套接字通信 端口号&#xff1a; 端口号是一个2字节16位的整数;端口号用来标识一个进程, 告诉操作系统, 当前的这个数据要交给哪一个进程来处理; 一台主机可以根据ip地址定位另一台主机&#xff0c;而两台主机之间的通信本质是进程在通信。…

Mybatis(搭建,CRUD,方法参数,XML映射文件,动态SQL)【详解】

目录 一.准备基础代码 Mybatis的通用配置 二. 基本CURD操作 1.查询-根据id查询一条 2.查询-查询数量 3.删除 4.新增 获取主键值 5.修改 6.查询-模糊查询 预编译SQL #{}与${}的区别【面试题】 三. Mybatis的方法参数与结果集 1.SQL里取方法参数的值 2.查询结果集…

简单分析SpringMVC的处理请求流程

SpringMVC的处理请求流程 Tomcat接收到一个请求后&#xff0c;会交给DispatcherServlet处理 DispatcherServlet会根据请求的url找到对应的Handler&#xff0c;Handler实际上是一个加了RequestMapping或GetMapping等类似注解的方法 在执行方法前会解析方法参数&#xff0c;即解…

固定资产管理系统:井然有序,提升利用率,降损增值的解决之道。

固定资产管理系统是一种用于管理和跟踪组织内固定资产的软件系统。固定资产是指组织长期持有并用于生产、运营或提供服务的资产&#xff0c;例如土地、建筑物、机器设备、车辆等。 固定资产管理系统提供了一种集中管理和监控固定资产的方式&#xff0c;帮助组织更好地管理其资产…

人工智能 安装GPU环境 windows版

准备工作 需要有NVIDIA账号 磁盘要有50G 空间 我这里是 aws的 G4dn 虚拟机, 对应的 Tesla显卡,操作系统windows2022 1,安装VS 用社区版2019即可 https://my.visualstudio.com/Downloads?PId8228 2,下载完后运行程序选择C桌面版 大概5-10个G 3,下载完后运行一下 有账号就输…

房天下登录接口JS逆向

声明 本文章中所有内容仅供学习交流&#xff0c;严禁用于商业用途和非法用途&#xff0c;否则由此产生的一切后果均与作者无关&#xff0c;若有侵权&#xff0c;请联系我立即删除&#xff01; 逆向目标 目标&#xff1a;房天下账号密码登录 主页&#xff1a;https://passport.…

HarmonyOS NEXT应用开发—自定义日历选择器

介绍 本示例介绍通过CustomDialogController类显示自定义日历选择器。 效果图预览 使用说明 加载完成后显示主界面&#xff0c;点当前日期后会弹出日历选择器&#xff0c;选择日期后会关闭弹窗&#xff0c;主页面日期会变成选定的日期。 实现思路 获取当前月和下个月的日期…

《网络安全法》关于数据出境的条款

《中华人民共和国网络安全法》于2016年11月7日通过,自2017年6月1日起施行。 在网络安全法中&#xff0c;第三章“网络运行安全”第二节“关键信息基础设施的运行安全”中的第三十七条规定&#xff1a; “关键信息基础设施的运营者在中华人民共和国境内运营中收集和产生的个人信…

html5cssjs代码 021 实体字符参考

html5&css&js代码 021 实体字符参考 一、代码二、解释 HTML实体是一种用于表示特殊字符的编码方式。在HTML中&#xff0c;有一些字符具有特殊的含义&#xff0c;如小于号 (<) 和大于号 (>) 是用于标签的起始和结束&#xff0c;如果直接在HTML文档中使用这些字符&…

webshell流量特征

webshell工具流量特征 - i苏沐辰 - 博客园 (cnblogs.com) 菜刀 作为老牌 Webshell 管理神器&#xff0c;中国菜刀的攻击流量特征明显&#xff0c;容易被各类安全设备检测&#xff0c;实际场景中越来越少使用&#xff0c;加密 Webshell 正变得日趋流行。 UA字段 通常为百度&…

WIFI 7技术的应用前景

随着WIFI 7技术的不断成熟和普及&#xff08;如果对WIFI 7技术不太了解的&#xff0c;可以点击链接去查看一下这篇文章WIFI7&#xff1a;开启无线通信新纪元 &#xff09;&#xff0c;我们正迎来一个数字连接的全新时代。WIFI 7作为新一代无线网络标准&#xff0c;将极大的改变…

Selenium 是什么?简单了解Selenium

Selenium Selenium 是什么 Selenium 是一款 Web UI 测试工具&#xff0c;是一款 自动化测试 工具&#xff0c;使用 Selenium 测试工具进行的测试通常被称为 Selenium Testing&#xff0c;各种支持如下列表&#xff1a; UI 元素的支持与管理&#xff1a;自写代码实现浏览器支…