仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 818|回复: 8
打印 上一主题 下一主题

[HTML5] 来一发范例File的Input按钮功效研讨

[复制链接]
老尸 该用户已被删除
跳转到指定楼层
楼主
发表于 2015-1-15 23:28:59 | 只看该作者 回帖奖励 |倒序浏览 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

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的使用能帮你做到这一点……
老尸 该用户已被删除
沙发
 楼主| 发表于 2015-1-17 22:56:32 | 只看该作者
运动)时间轴面板--拖动关键帧--单击整条--将鼠标移至中间一点--右击选择增加关键帧--移动中间关键帧的图层--勾选自动播放,循环
莫相离 该用户已被删除
板凳
发表于 2015-1-21 22:56:30 | 只看该作者
所见则所得网页编辑器的优点就是直观性,使用方便,容易上手.
愤怒的大鸟 该用户已被删除
地板
发表于 2015-1-30 22:55:10 | 只看该作者
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
精灵巫婆 该用户已被删除
5#
发表于 2015-2-6 16:53:20 | 只看该作者
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
飘飘悠悠 该用户已被删除
6#
发表于 2015-2-17 14:56:32 | 只看该作者
是当我和赵丽芬崔明艳老师进行交流后,很快就了解了还不太清楚的内容和并不了解的知识(像布局表格、绘制布局单元格等)。
第二个灵魂 该用户已被删除
7#
发表于 2015-3-5 20:40:47 | 只看该作者
不管老师做怎样的解释,而我却对它感到很是吃力,诸如里面有许多不知道的功能。
再见西城 该用户已被删除
8#
发表于 2015-3-12 14:54:33 | 只看该作者
可以使用 CSS 检查工具进行设计。
透明 该用户已被删除
9#
发表于 2015-3-19 23:23:49 | 只看该作者
Dreamweaver在所见即所得添加链接,也可以先选中文字或图片然后在属性栏中的链接栏后的一个小圆圈,用鼠标点击小圆圈按住不放拖动出箭头然后指向文件即可。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-5-15 09:42

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表