JS代码如下：
function CheckFile(obj) {
var array = new Array('gif', 'jpeg', 'png', 'jpg'); //可以上传的文件类型
if (obj.value == '') {
alert("让选择要上传的图片!");
return false;
}
else {
var fileContentType = obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; //这个文件类型正则很有用：）
var isExists = false;
for
在网页开发中，JavaScript（JS）常常用于增强用户体验，其中包括对文件上传功能的控制。本文将详细介绍如何使用JS来控制FileUpload组件，确保用户只能上传特定类型的文件，例如图像文件。我们将通过一个实例代码来解释如何实现这一功能。
我们来看给定的JS代码片段：
```javascript
function CheckFile(obj) {
var array = new Array('gif', 'jpeg', 'png', 'jpg'); // 可以上传的文件类型
if (obj.value == '') {
alert("让选择要上传的图片!");
return false;
} else {
var fileContentType = obj.value.match(/^(.*)(\.)(.{1,8})$/)[3]; // 此正则表达式用于提取文件扩展名
var isExists = false;
for (var i in array) {
if (fileContentType.toLowerCase() == array[i].toLowerCase()) {
isExists = true;
return true;
}
}
if (isExists == false) {
obj.value = null;
alert("上传图片类型不正确!");
return false;
}
return false; // 这行代码可能是一个错误，实际应该不需要返回false，因为函数已处理所有情况
}
}
```
这段JS代码定义了一个名为`CheckFile`的函数，它接收一个参数`obj`，通常代表HTML中的`<input type="file">`元素。函数的主要目的是检查用户选择的文件是否符合预设的文件类型。以下是代码的工作原理：
1. 定义一个数组`array`，包含了允许上传的文件扩展名（本例中为图像格式）。
2. 如果用户没有选择任何文件（`obj.value == ''`），函数会弹出警告提示用户选择图片，并返回`false`，防止文件上传。
3. 使用正则表达式`/^(.*)(\.)(.{1,8})$`匹配文件名，提取出文件的扩展名`fileContentType`。这个正则表达式假设文件名中最后一个"."之前的字符串是文件扩展名。
4. 使用`for`循环遍历`array`，检查`fileContentType`是否与数组中的任一元素匹配。如果匹配，则设置`isExists`为`true`并返回`true`，表示文件类型是允许的。
5. 如果循环结束时`isExists`仍为`false`，表明文件类型不在允许的列表中，清空`obj.value`，显示警告信息，并返回`false`，阻止非法文件上传。
在ASP.NET环境中，可以将这个JS函数与`<asp:FileUpload>`控件结合使用，如下所示：
```html
<asp:FileUpload ID="FileUpload1" runat="server" onchange="CheckFile(this);"/>
```
在这个例子中，`onchange`事件触发时会调用`CheckFile`函数，检查用户选择的文件是否符合要求。如果不符合，函数会阻止进一步的上传操作。
通过编写JS代码并将其与HTML的`<input type="file">`或ASP.NET的`<asp:FileUpload>`控件配合，可以有效地限制用户上传的文件类型，提高应用程序的安全性和用户体验。需要注意的是，虽然此方法可以提供一定的保护，但并不能完全防止恶意用户通过修改HTTP请求绕过文件类型检查，因此在服务器端同样需要进行文件类型的验证。
