|
马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。
您需要 登录 才可以下载或查看,没有帐号?立即注册
x
使用HTML5也是断断续续的有些历史了,但是没有系统的总结过,最近发现公司的图书馆有不少藏书,在一些网站举行上传时,当单击了“扫瞄”按钮以后会弹出【选择文件】的对话框。良多时分我们必要只上传图象文件,那末在弹出的【选择文件】对话框中只显现了相干图片格局的文件,别的其他格局文件一概过滤不被显现。
好比http://www.youku.com/v1.0.0326/v/swf/up.swf
这是优酷的视频上传选择,其是经由过程Flash的办法来完成了不显现非视频类文件。
FLASH到这类效果一样平常也就是如这里所形貌的
importflash.net.FileReferenceList;
varfileRef:FileReferenceList=newFileReferenceList();
varallTypes:Array=[];
var扫瞄范例:Object=newObject();
扫瞄范例.description="扫瞄范例(*.mp3)";
扫瞄范例.extension="*.mp3";
allTypes.push(扫瞄范例);
fileRef.browse(allTypes);
以是针对我们的网页中<inputtype="File">能不克不及也完成弹出窗口限定文件范例呢?
如今的办理办法只能是经由过程监测来提示用户上传文件的格局不准确
<script>
functioncheck(){
varfilepath=path.value
filepath=filepath.substring(filepath.lastIndexOf(.)+1,filepath.length)
if(filepath!=jpg&&filepath!=gif)
alert("只能上传JPG或GIF格局的图片")
}
</script>
<inputtype=filename=pathonpropertychange="check()">(只能上传JPG或GIF格局的图片)
<script>
functionck(obj){if(obj.value.length>0){
varaf="jpg,gif,png,zip,rar,txt,htm";
if(eval("with(obj.value)if(!/"+af.split(",").join("|")+"/ig.test(substring(lastIndexOf(.)+1,length)))1;")){alert("Allowedfiletypes:
"+af);obj.createTextRange().execCommand(delete)};
}}
</script>
<form>
<inputtype=filename=pathonpropertychange="ck(this)"/></form>
不外这类效果明显没有FLASH的用户体验好。有需要对这类FLASH上传存眷一下了。
</p>
每一款手机有不同的分辨率,不同屏幕大小,如何使我们开发出来的应用或页面大小能适合各种高端手机使用呢?学习html5viewport的使用能帮你做到这一点…… |
|