javascript类型File的Input按钮功能研究
更新时间：2008年09月30日 17:36:25 作者：
在一些网站进行上传时，当单击了“浏览”按钮之后会弹出【选择文件】的对话框。很多时候我们需要只上传图像文件，那么在弹出的【选择文件】对话框中只显示了相关图片格式的文件，此外其余格式文件一律过滤不被显示。
比如 http://www.youku.com/v1.0.0326/v/swf/up.swf
这是优酷的视频上传选择，其是通过FLASH的方法来实现了不显示非视频类文件。
FLASH到这种效果一般也就是如这里所描述的
import flash.net.FileReferenceList;
var fileRef:FileReferenceList = new FileReferenceList();
var allTypes:Array = [];
var 浏览类型:Object = new Object();
浏览类型.description = "浏览类型(*.mp3)";
浏览类型.extension = "*.mp3";
allTypes.push(浏览类型);
fileRef.browse(allTypes);
所以针对我们的网页中<input type="File">能不能也实现弹出窗口限制文件类型呢？
现在的解决方法只能是通过监测来提醒用户上传文件的格式不正确
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
不过这种效果显然没有FLASH的用户体验好。有必要对这类FLASH上传关注一下了。
这是优酷的视频上传选择，其是通过FLASH的方法来实现了不显示非视频类文件。
FLASH到这种效果一般也就是如这里所描述的
复制代码 代码如下:
import flash.net.FileReferenceList;
var fileRef:FileReferenceList = new FileReferenceList();
var allTypes:Array = [];
var 浏览类型:Object = new Object();
浏览类型.description = "浏览类型(*.mp3)";
浏览类型.extension = "*.mp3";
allTypes.push(浏览类型);
fileRef.browse(allTypes);
所以针对我们的网页中<input type="File">能不能也实现弹出窗口限制文件类型呢？
现在的解决方法只能是通过监测来提醒用户上传文件的格式不正确
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
[Ctrl+A 全选 注:引入外部Js需再刷新一下页面才能执行]
不过这种效果显然没有FLASH的用户体验好。有必要对这类FLASH上传关注一下了。
相关文章
通过JavaScript根据TextArea的内容动态调整TextArea的高度，需要的朋友可以参考下。2010-12-12
在textarea输入Tab...2006-08-08
为了提高效率，很多时候需要在web页面中对客户端上传的文件进行验证，然后再上传到服务器。2011-01-01
将多选框选中时打勾的颜色...2006-10-10
实现一个年、月、季度联动SELECT的javascript代码
实现一个年、月、季度联动SELECT的javascript代码...2007-07-07
一款不错的键盘密码输入js程序...2007-03-03
文本框栏目介绍...2006-06-06
input之怎么清除默认值...2007-05-05
text通常我们可以直接用maxlength属性来控制输入的字符会长度2012-10-10
比如在一个表单元素中 我们可以通过手写函数,清空某种元素的值,以上是我的个人总结,高手就绕过。2009-12-12
最新评论