js判断上传文件后缀名是否合法

文件上传格式验证：JavaScript确保文件后缀名合法

在进行文件上传操作时，确保上传的文件格式正确是非常重要的。本文将通过一个生动的实例，详细讲解如何使用JavaScript判断上传文件的后缀名是否合法。

一、效果图预览

当你打开文件选择界面时，可以看到一个清晰的“选择文件”按钮。当你选择了如“1.jpg”这样的图片文件后，将会弹出一个提示信息表明文件类型合法。除此之外，尝试上传其他非指定格式的文件时，系统将会提示文件类型不合法。

二、代码详解

HTML部分代码负责构建文件上传的表单界面，而JavaScript部分则负责处理文件后缀名的验证逻辑。下面是关键部分的代码：

当用户选择了文件后，通过`onchange`事件触发`checkFileExt`函数，将文件名作为参数传入。该函数首先设定一个标志位`flag`为`false`，然后提取文件的扩展名，并与允许的文件后缀名数组进行比较。如果文件扩展名在数组中，则将`flag`设为`true`，并输出“文件名合法”的提示信息；否则，输出“文件名不合法”。

三、完整的HTML与JavaScript代码

```html

```

希望本文所述内容能帮助大家更好地学习JavaScript程序设计，确保文件上传过程中的格式验证准确无误。