当前位置: 首页 > 图文教程 > 网络编程 > Javascript > javascript类型File的Input按钮功能研究

Javascript
JS幻想 读取二进制文件
javascript 层展开/关闭,带缓冲效果
仿淘宝首页分类列表效果实现代码
javascript 像素拼图实现代码
javascript+css 新闻显示tab 选项卡效果
[转]去百度面试的javascript 收获
用JavaScript显示随机图像或引用
一个类似vbscript的round函数的javascript函数
JavaScript 学习点滴记录
Js 获取HTML DOM节点元素的方法小结
在线编辑器中换行与内容自动提取
使用自定义setTimeout和setInterval使之可以传递参数和对象参数
javascript 绘制矩形框
纯JS 绘制数学函数
javascript Excel操作知识点
jQuery 注意事项 与原因分析
JQuery 初体验(建议学习jquery)
RGB颜色值转HTML十六进制(HEX)代码的JS函数
JavaScript 使用技巧精萃(.net html
js tab 选项卡

Javascript 中的 javascript类型File的Input按钮功能研究


出处:互联网   整理: 软晨网(RuanChen.com)   发布: 2009-09-12   浏览: 280 ::
收藏到网摘: n/a

在一些网站进行上传时,当单击了“浏览”按钮之后会弹出【选择文件】的对话框。很多时候我们需要只上传图像文件,那么在弹出的【选择文件】对话框中只显示了相关图片格式的文件,此外其余格式文件一律过滤不被显示。 比如 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 全选 提示:你可先修改部分代码,再按运行]

点击运行可以看到效果:
[Ctrl+A 全选 提示:你可先修改部分代码,再按运行]

不过这种效果显然没有FLASH的用户体验好。有必要对这类FLASH上传关注一下了。