js 校验上传文件的后缀
时间: 2023-08-10 17:04:55 浏览: 41
可以使用 JavaScript 来校验上传文件的后缀。以下是一个简单的示例:
```html
<input type="file" id="myFileInput">
<script>
const allowedExtensions = /(\.jpg|\.jpeg|\.png|\.gif)$/i; // 允许的后缀名正则表达式
const fileInput = document.getElementById('myFileInput');
fileInput.addEventListener('change', () => {
const files = fileInput.files; // 获取选择的文件列表
for (let i = 0; i < files.length; i++) {
const file = files[i];
if (!allowedExtensions.exec(file.name)) {
alert("文件类型不符合要求,请选择 JPG、JPEG、PNG 或 GIF 格式的文件。");
fileInput.value = '';
return false;
}
}
});
</script>
```
代码中通过正则表达式 `(\.jpg|\.jpeg|\.png|\.gif)$/i` 来定义允许的后缀名,其中 `i` 表示忽略大小写。在文件选择框的 `change` 事件中,遍历选择的文件列表,对每个文件的名称进行正则匹配,如果不符合要求,则弹出提示并清空选择框的值。