类型File的Input按钮功能研究

在一些网站中，当你想要上传文件时，点击“浏览”按钮后会弹出一个【选择文件】的对话框。如果你只需要上传图像文件，这个对话框会智能地只显示相关的图片格式文件，其他格式的文件则会被过滤掉。

以优酷的视频上传为例（其为

FLASH是如何实现这种效果的呢？其代码示例如下：

```flash

import flash.FileReferenceList;

var fileRef:FileReferenceList = new FileReferenceList();

var allTypes:Array = [];

var 浏览类型:Object = new Object();

浏览类型.description = "浏览类型(.mp3)";

浏览类型.extension = ".mp3";

allTypes.push(浏览类型);

fileRef.browse(allTypes);

```

那么，我们网页中的标签能否也实现弹出窗口限制文件类型呢？答案是肯定的。

目前，我们主要通过JavaScript来监测用户选择的文件类型，并在格式不正确时提醒用户。如下例所示：

```html

(只能上传JPG或GIF格式的图片)

```

还有另一种方法，能够更全面地检查文件类型，代码如下：

```html

```

这些方法在用户体验方面可能无法与FLASH相比。对于我们来说，关注并研究FLASH上传技术就显得尤为重要。在提升用户体验的确保文件上传的安全性和效率，这将是我们未来努力的方向。