使用透明叠加法美化文件上传界面

2016-02-19 11:24 13 1 收藏

清醒时做事,糊涂时读书,大怒时睡觉,无聊时关注图老师为大家准备的精彩内容。下面为大家推荐使用透明叠加法美化文件上传界面,无聊中的都看过来。

【 tulaoshi.com - Web开发 】

估计很多人都对文件域那难看的样式无可奈何,对于一个讲究完美的web系统来说,这种界面是无法接受的。gmail的附件添加在IE浏览器中实现了样式自定义,让大伙兴奋了好一这,他使用的是文件域的click()方法,但客户端的安全限制非常苛刻,必须结合iframe才能实现,代码比较繁锁。我使用的是透明叠加法,即把文件域置于点击目标之上,并让其透明,这样用户看到的是自定义热区,点击的依然是浏览按钮,没有违反任何安全机制。同样地,这种方法也支持firefox。

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

来源:https://www.tulaoshi.com/n/20160219/1597418.html

延伸阅读
标签: Web开发
使用示例: upload.php ?php include_once "upload.class.php"; if ($Submit != '') {     $fileArr['file'] = $file;     $fileArr['name'] = $file_name;     $fileArr['size'] = $file_size;     $fileArr['type'] = $file_type;    &nbs...
标签: PS PS基础
这个磨皮方式可以简单的叫蓝绿通道强光叠加法,如果知道这个方式的,下面的内容可以不用看了,嘿嘿。 首先是炜摄影贴中间的一个MM的原照片。 对比 对比上面两张照片看看MM手臂,真的是年轻了十岁的皮肤啊,而且纤毛毕现,可以透出光了。 不能再P了,再P我会喜欢上这个MM的。 说下这个磨皮方式的原理。 人像里脸部的瑕疵一般都是...
来源:PS联盟 作者:Sener 之前我们设置图层样式的时候都习惯在同一个图层完成,简单一点的效果可能很容易完成。不过相对复杂一点的就需要用2层或多层来完成。设置的时候只要把每层的填充不透明度设置为:0%,这样设置图层样式后文字就是透明的(www.tulaoshi.com),只显示图层样式的效果。 最终效果 1、新建一个800 * 600像素的文档,背景...
彩云如何上传和批量上传文件?   彩云支持单个文件和批量文件上传。上传单文件最大支持2G,批量上传单次上传总容量不超过2G。彩云暂不支持文件夹上传。 同时新增拖拽上传,可以将本地PC的文件轻松拖动上传到云端对应的文件夹下,让您上传文件变得更简单!
标签: 软件教程
flashfxp是一款很常用的FTP管理工具,也是相对而言比较简单的管理工具。下面小编就为大家介绍一下flashfxp怎么上传文件,希望能帮到大家 1、首先,打开FlashFXP软件 2、点击“站点”按钮,将网站添加到新的站点 3、站点添加好后,添加“连接”图标按钮或者双击flashifxp sites下的用户,连接网站。确认网...

经验教程

512

收藏

48

精华推荐

flashfxp怎么上传文件

flashfxp怎么上传文件

啊智哦了人快

XML上传文件例子

XML上传文件例子

智慧的二楼

文件上传的实现

文件上传的实现

傲石冰双

微博分享 QQ分享 QQ空间 手机页面 收藏网站 回到头部