获取文件后缀

两种获得文件扩展名的方法：

使用正则表达式（Regex）获得文件类型
使用 split() 和 pop() 方法获得文件类型
HTML标记：
这里我们添加一个表单标签，带有文件上传控件和按钮标签。 在按钮单击时，我们调用 getFileExtention() 方法，该方法提供警报消息并显示上载文件的扩展名。 代码如下所示。

<form action="/uploadFile">
  <input id="myFile" type="file" name="file">
  <button onclick="fnGetExtension()">获得扩展名</button>
</form>
方法1：使用正则表达式（Regex）获取文件扩展名
这里我们有正则表达式（Regex）值，它给我们文件扩展名。 即使URL包含 ?foo=123 查询字符串或 #hash 值，此正则表达式也可用于从URL中提取文件扩展名。

Javascript代码：

function fnGetExtension() {
  //通过id获得文件输入元件 
  var fileInput = document.getElementById('myFile');
  //获得文件名
  var fileName = fileInput.files[0].name;
  //文件扩展名的正则表达式
  var patternFileExtension = /\.([0-9a-z]+)(?:[\?#]|$)/i;
  //获得文件扩展名 
  var fileExtension = (fileName).match(patternFileExtension);
  alert(fileExtension);
}
execcodegetcode

方法2：使用 split() 和 pop() 方法获得文件扩展名
这里我们使用 split() 方法和使用一个 点 (.) 来分割， 以及使用 pop() 方法获得文件扩展名。

Javascript代码：

function fnGetExtension() {
  //通过id获得文件输入元件 
  var fileInput = document.getElementById('myFile');
  //获得文件名
  var fileName = fileInput.files[0].name;
  //获得文件扩展名 
  var fileExtension = fileName.split('.').pop();
  alert(fileExtension);
}