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

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

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

【 tulaoshi.com - Web开发 】

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

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

来源:http://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联盟 作者:Sener 之前我们设置图层样式的时候都习惯在同一个图层完成,简单一点的效果可能很容易完成。不过相对复杂一点的就需要用2层或多层来完成。设置的时候只要把每层的填充不透明度设置为:0%,这样设置图层样式后文字就是透明的(www.tulaoshi.com),只显示图层样式的效果。 最终效果 1、新建一个800 * 600像素的文档,背景...
标签: Web开发
本文讲解了一个使用XML技术上传文件的例子,使用该方法没有传统方法中的种种限制。 这个例子讲述了如何使用MSXML3.0和ADO Stream对象来实现这种新的上传方法。好处有很多,比如,不需要专用的上传组件。 引言 为了在HTML网页中获得上传功能,在客户端我们可以使用如下格式的FORM: FORM NAME="myForm"ACTION="TargetURL.asp" ENCTYPE="multi...
标签: 软件教程
flashfxp是一款很常用的FTP管理工具,也是相对而言比较简单的管理工具。下面小编就为大家介绍一下flashfxp怎么上传文件,希望能帮到大家 1、首先,打开FlashFXP软件 2、点击“站点”按钮,将网站添加到新的站点 3、站点添加好后,添加“连接”图标按钮或者双击flashifxp sites下的用户,连接网站。确认网...
彩云如何上传和批量上传文件?   彩云支持单个文件和批量文件上传。上传单文件最大支持2G,批量上传单次上传总容量不超过2G。彩云暂不支持文件夹上传。 同时新增拖拽上传,可以将本地PC的文件轻松拖动上传到云端对应的文件夹下,让您上传文件变得更简单!

经验教程

410

收藏

10

精华推荐

flashfxp怎么上传文件

flashfxp怎么上传文件

啊智哦了人快

XML上传文件例子

XML上传文件例子

智慧的二楼

文件上传的实现

文件上传的实现

傲石冰双

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