像163邮箱一样的上传附件。。
前一久偶然发现163邮箱上传附件的方法很特别,模仿写了一个,呵呵。。
< html xmlns ="http://www.w3.org/1999/xhtml" >
< head >
< meta http-equiv ="Content-Type" content ="text/html; charset=utf-8" />
< title > 文件上传 </ title >
< style >
form { margin : 0 ; padding : 0 ; }
.fileUpArea { width : 63px ; height : 13px ; background : url(https://p-blog.csdn.net/images/p_blog_csdn_net/tutuliu/293137/o_addfile.gif) no-repeat left top ; overflow : hidden ; }
.fileHover { width : 63px ; height : 13px ; background : url(https://p-blog.csdn.net/images/p_blog_csdn_net/tutuliu/293137/o_addfilehover.gif) no-repeat left top ; overflow : hidden ; }
#fileUpArea input { width : 1% ; size : 0% ; position : absolute ; margin-left : -16px ; z-index : 100 ; filter : alpha(opacity=0) ; -moz-opacity : 0 ; cursor : point ; }
* html #fileUpArea input { margin-top : -5px ; margin-left : -10px ; }
*+html #fileUpArea input { margin-top : -5px ; margin-left : -10px ; }
#filetxt { font-size : 12px ; color : #555 ; padding : 10px ; }
#filetxt img { cursor : point ; }
</ style >
< script language ="javascript" type ="text/javascript" >
var inputCount = 0 ;
function CreateFile()
{
var container = document.getElementById( " fileUpArea " );
container.onmouseover = function (event)
{
this .className = " fileHover " ;
}
container.onmouseout = function (event)
{
this .className = " fileUpArea " ;
}
var input = document.createElement( " input " );
input.type = " file " ;
input.size = " 1 " ;
input.name = " upfile " + inputCount;
input.id = " upfile " + inputCount;
input.onchange = function (event)
{
if (CheckFileName( this .value))
{
this .style.display = " none " ;
CreateFile();
var tempid = this .id + " text " ;
var temptext = this .value + " <img src='Img/f2.gif' οnclick="Del(' " + tempid + " '),Del(' " + this .id + " ')" /> " ;
CreateText(tempid,temptext);
}
}
container.appendChild(input);
inputCount ++ ;
}
function CheckFileName(txt)
{
var container = document.getElementById( " fileUpArea " );
var ch = container.getElementsByTagName( " input " );
var rvalue = true ;
if (ch.length >= 2 )
{
for (i = 0 ;i < ch.length - 1 ;i ++ )
{
if (ch[i].value == txt)
{
alert( " 你已经添加了相同的附件!!! " );
rvalue = false ;
break ;
}
}
}
return rvalue;
}
function CreateText(id,text)
{
var contxt = document.createElement( " div " );
contxt.id = id;
contxt.innerHTML = text;
document.getElementById( " filetxt " ).appendChild(contxt);
}
function Del(id)
{
document.getElementById(id).parentNode.removeChild(document.getElementById(id));
}
window.onload = CreateFile;
</ script >
</ head >
< body >
< form name ="form1" method ="post" enctype ="multipart/form-data" action ="upload.aspx" >
< div id ="fileUpArea" class ="fileUpArea" >
</ div >
</ form >
< div id ="filetxt" ></ div >
</ body >
</ html >
其实是很简单的一段代码,不过是把input type=file的按钮使用了透明的效果,就好像是点击在图片上一样。。
呵呵,上次忘记放图片了. 这次加上.......
附上下载地址.呵呵..
http://dl2.csdn.net/down4/20070731/31201914198.rar
像163邮箱一样的上传附件。。相关推荐
- SAP中用户上传附件出错处理实例
近期遇到用户反映在用事务MK02处理供应商主数据时,上传附件出错. 具体提示如下: 应该说该提示并没有指向真正的原因,也没有提供出有用的线索:处理时也走了一些弯路:最后发现是权限的原因: 当给到用户某 ...
- SAP 没有QM02权限的情况下如何为一个质量通知单单据上传附件?
SAP 没有QM02权限的情况下如何为一个质量通知单单据上传附件? 正常情况,我们可以在QM01/QM02事务代码创建或者修改一个Quality Notification(质量通知单)的时候上传附件. ...
- SAP MM 给合同的ITEM上传附件以及附件查询
SAP MM 给合同的ITEM上传附件以及附件查询 1,使用事务代码 CV01N为合同上传附件, Document:输入6100000829, Document type 101 (contract) ...
- 修改上传附件大小限制方法
2019独角兽企业重金招聘Python工程师标准>>> 上传附件是大家经常需要操作的,但是很多情况都会限制上传附件的大小.那么如何修改上传附件大小限制呢? 修改上传附件大小限制方法 ...
- SharePoint 2010 列表项代码绑定附件心得 (FileUpload上传附件)
最近项目中用到在插入Item时绑定附件,可以上传多个附件,很快就写出来了,可是测试一侧老是有问题,经过多番折腾,终于算通过测试.SharePoint 2010上传附件需注意一下几点: 判断文件是否为空 ...
- iis mysql php 附件上传大小_修改上传附件2M大小限制的方法/php+iis上传附件默认大小修改方法...
在服务器上架设好WordPress后,使用过程中发现,上传附件大小有2M的限制 话说服务器就是本机,可以直接把文件拖到附件存储文件夹下,然后在需要附件的地方引用链接 可是这种落后的方法终究不是办法,还 ...
- j2ee之页面无刷新上传附件
//上传附件 var uploadAnnex = function(){//alert("??");//document.getElementById('submitFile'). ...
- salesforce零基础学习(八十九)使用 input type=file 以及RemoteAction方式上传附件
在classic环境中,salesforce提供了<apex:inputFile>标签用来实现附件的上传以及内容获取.salesforce 零基础学习(二十四)解析csv格式内容中有类似的 ...
- 上传附件删除、session清空问题
最近因为项目的需要,将客户端附件上传至服务器,附件上传的位置是IIS目录下的文件夹,经过处理之后.必须将该附件删除. 程序发布之后,使用该功能,结果项目无法运行.必须要重新启动IIS才可以重新运行整个 ...
最新文章
- DARPA发布产业振兴计划,继承摩尔智慧
- FlowDroid工具的构建与运行
- 3.13 判读是否是对称素数
- 通过JS和CSS,实现网页加载中的动画效果
- 在线涂鸦画板小程序源码
- 企业无线网演进 2.4GHz或被5GHz频段取代
- Oracle数据库用户密码过期的解决方法
- 由WPS 2005想到的
- 【蓝桥杯真题】走迷宫算法
- 错误处理panic和recover
- Laravel OAuth2 (一) ---简单获取用户信息
- 房租大涨?Python6个维度,数万条数据帮你揭穿
- Genymotion无法连接网络的解决办法
- mac微信备份位置macos手机微信备份的文件迁移走
- Day01-Dos命令
- 几种概率分布(伯努利分布、二项分布、泊松分布、均匀分布、正态分布、指数分布、伽马分布)
- 国内从事计算机视觉(CV)领域的公司
- 大众美团服务链监控CAT
- 操作系统精讲(0) | 操作系统详细简介
- 论文期刊一般的审稿流程