类型File的Input按钮功能研究
导读：收集整理的这篇文章主要介绍了类型File的Input按钮功能研究，觉得挺不错的，现在分享给大家，也给大家做个参考。 在一些网站进行上传时，当单击了“浏览”按钮之后会弹出【选择文件】的对话框。很多时候我们需要只上传图像文件，那么在弹...
收集整理的这篇文章主要介绍了类型File的Input按钮功能研究，觉得挺不错的，现在分享给大家，也给大家做个参考。 在一些网站进行上传时，当单击了“浏览”按钮之后会弹出【选择文件】的对话框。很多时候我们需要只上传图像文件，那么在弹出的【选择文件】对话框中只显示了相关图片格式的文件，此外其余格式文件一律过滤不被显示。
比如 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"> 能不能也实现弹出窗口限制文件类型呢？
现在的解决方法只能是通过监测来提醒用户上传文件的格式不正确
script>
function check(){
var filepath=path.value
filepath=filepath.substring(filepath.lastIndexOf('.') 1,filepath.length)
if(filepath != 'jpg' & & filepath != 'gif')
alert("只能上传JPG或GIF格式的图片")
}
/script>
input type=file name=path onPRopertychange="check()"> (只能上传JPG或GIF格式的图片)
script>
function ck(obj){ if(obj.value.length> 0){
var af="jpg,gif,png,zip,rar,txt,htm";
if(eval("wITh(obj.value)if(!/" af.split(",").join("|") "/ig.test(substring(lastIndexOf('.') 1,length)))1; ")){ alert("Allowed file types:\n" af); obj.createTextRange().execCommand('delete')} ;
} }
/script>
form>
input type=file name=path onpropertychange="ck(this)"/> /form>
不过这种效果显然没有FLASH的用户体验好。有必要对这类FLASH上传关注一下了。
声明：本文内容由网友自发贡献，本站不承担相应法律责任。对本内容有异议或投诉，请联系2913721942#qq.com核实处理，我们将尽快回复您，谢谢合作！
若转载请注明出处： 类型File的Input按钮功能研究
本文地址： https://pptw.com/jishu/587281.html