如何在 JavaScript 中验证文件扩展名

JavaScript 中验证文件扩展名是一项常见任务，在开发 Web 应用程序时使用频繁。本文将介绍如何在 JavaScript 中验证文件扩展名并给出示例代码。

方法一：使用 split() 方法

JavaScript 中的字符串有一个 split() 方法，该方法将字符串分成一个数组。可以使用 split() 方法将文件名字符串分成文件名和文件扩展名两部分，然后检查文件扩展名是否符合要求。

以下是使用 split() 方法进行文件扩展名验证的代码示例：

function validateFileExtension(fileName, allowedExtensions) {
  var fileExtension = fileName.split('.').pop();
  if (allowedExtensions.indexOf(fileExtension) > -1) {
    return true;
  } else {
    return false;
  }
}

// 使用示例
var fileName = 'example.jpg';
var allowedExtensions = ['jpg', 'jpeg', 'png', 'gif'];
var isValid = validateFileExtension(fileName, allowedExtensions);
if (isValid) {
  console.log('文件扩展名符合要求');
} else {
  console.log('文件扩展名不符合要求');
}

以上代码将返回 true，因为文件扩展名为 jpg，而且在允许的列表中。

方法二：使用正则表达式

除了使用 split() 方法，还可以使用正则表达式来验证文件扩展名。可以使用 match() 方法查找文件扩展名是否匹配正则表达式。

以下是使用正则表达式验证文件扩展名的代码示例：

function validateFileExtensionRegex(fileName, allowedExtensions) {
  var regex = new RegExp('(' + allowedExtensions.join('|').replace(/\./g, '\\.') + ')$', 'i');
  return regex.test(fileName);
}

// 使用示例
var fileName = 'example.jpg';
var allowedExtensions = ['jpg', 'jpeg', 'png', 'gif'];
var isValid = validateFileExtensionRegex(fileName, allowedExtensions);
if (isValid) {
  console.log('文件扩展名符合要求');
} else {
  console.log('文件扩展名不符合要求');
}

以上代码也将返回 true，因为文件扩展名为 jpg，而且在允许的列表中。

总结

这篇文章介绍了两种在 JavaScript 中验证文件扩展名的方法。split() 方法和正则表达式都可以用来验证文件扩展名。开发者可以根据实际情况选择方法并使用示例代码开始验证。