如何在javascript中验证文件名和文件扩展名

在JavaScript中验证文件名和文件扩展名可以通过正则表达式来实现。以下是一个示例代码：

function validateFileNameAndExtension(filename) {
  // 定义允许的文件扩展名
  var allowedExtensions = ["jpg", "jpeg", "png", "gif"];

  // 使用正则表达式验证文件名和扩展名
  var regex = /^([a-zA-Z0-9\s_\\.\-:])+(.jpg|.jpeg|.png|.gif)$/;
  if (!regex.test(filename)) {
    return false;
  }

  // 获取文件扩展名
  var extension = filename.split(".").pop().toLowerCase();

  // 检查文件扩展名是否在允许的列表中
  if (allowedExtensions.indexOf(extension) === -1) {
    return false;
  }

  return true;
}

// 示例用法
var filename1 = "image.jpg";
var filename2 = "document.docx";

console.log(validateFileNameAndExtension(filename1)); // 输出: true
console.log(validateFileNameAndExtension(filename2)); // 输出: false

在上述代码中，我们首先定义了允许的文件扩展名数组allowedExtensions，然后使用正则表达式/^([a-zA-Z0-9\s_\\.\-:])+(.jpg|.jpeg|.png|.gif)$/来验证文件名和扩展名是否符合要求。接着，我们通过split()方法和pop()方法获取文件名中的扩展名，并将其转换为小写字母形式。最后，我们检查文件扩展名是否在允许的列表中，如果不在则返回false，否则返回true。

这是一个简单的文件名和扩展名验证的示例，你可以根据实际需求进行修改和扩展。对于文件上传等场景，还需要考虑其他安全性和验证措施，例如文件大小限制、文件类型验证等。