| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 2189 人关注过本帖
标题:请问如何实现163邮箱添加附件的效果
只看楼主 加入收藏
bluedest
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2006-2-15
收藏
 问题点数:0 回复次数:3 
请问如何实现163邮箱添加附件的效果
如附件中的图所示,是163邮箱的写信页面,如图所示:
图片附件: 游客没有浏览图片的权限,请 登录注册

当单击“添加附件”时,就会有一个新的文件上传域出现,也可以单击“删除”按钮把这个文件上传域去掉,请教这种效果用JavaScript如何实现,我试了很多次都不行,请给点提示,谢谢!

[此贴子已经被作者于2006-2-15 10:54:07编辑过]

搜索更多相关主题的帖子: 163邮箱 效果 附件 
2006-02-15 10:53
阳光白雪
Rank: 7Rank: 7Rank: 7
等 级:贵宾
威 望:39
帖 子:2220
专家分:0
注 册:2005-11-18
收藏
得分:0 
<HTML>
<HEAD><TITLE>上传文件</TITLE>
<SCRIPT language=javascript type=text/javascript>
<!--
var RES_BT_DELETE = "删除";
var isIE = (navigator.userAgent.indexOf("MSIE") != -1);
var fileIndex = 0;function addFile() {
var spanId = "filespan";
var fileId = "uploadfile" + (fileIndex++);
addInputFile(spanId, fileId);
}function addInputFile(spanId, fileId) {
var span = document.getElementById(spanId);
if (span != null) {
var divObj = document.createElement("div"), fileObj, delObj;
divObj.id = fileId;
if (isIE) {
fileObj = document.createElement("<input type=file onchange=changeFile(form)>");
delObj = document.createElement("<input type=button onclick=delInputFile('" + spanId + "','" + fileId + "')>");
} else {
fileObj = document.createElement("input");
fileObj.type = "file";
fileObj.setAttribute("onchange", "changeFile(form)", 0);
delObj = document.createElement("input");
delObj.type = "button";
delObj.setAttribute("onclick", "delInputFile('" + spanId + "','" + fileId + "')", 0);
}
fileObj.name = fileId;
fileObj.size = "40";
fileObj.className = "input";
delObj.value = RES_BT_DELETE;
divObj.appendChild(fileObj);
divObj.appendChild(document.createTextNode(" "));
divObj.appendChild(delObj);
span.appendChild(divObj);
}
}function delInputFile(spanId, fileId) {
var span = document.getElementById(spanId);
var divObj = document.getElementById(fileId);
if (span != null && divObj != null) {
span.removeChild(divObj);
}
}
//-->
</SCRIPT>
<META content="MSHTML 6.00.2800.1528" name=GENERATOR>
</HEAD>
<BODY class=pagebackground>
<FORM id=form action=XXX method=post encType=multipart/form-data>
<TABLE class=dialog1 height=20 cellSpacing=1 cellPadding=8 width="90%" align=center>
<TBODY>
<TR>
<TD noWrap>通过文件上传: </TD>
<TD id=filespan noWrap>
<INPUT class=input type=file size=40 name=file>
<INPUT id=btnAdd onclick=addFile() type=button value=添加>
</TD>
</TR>
</TBODY>
</TABLE>
</FORM>
</BODY></HTML>

专注于WEB前端交互平台开发:[url=http://blog./]blog.[/url](富客户端技术(RIA)交流平台)
2006-02-15 13:09
bluedest
Rank: 1
等 级:新手上路
帖 子:2
专家分:0
注 册:2006-2-15
收藏
得分:0 

非常感谢阳光白雪的热心帮助,现在已经可以顺利使用,但美中不足的是,程序会报一个错,我始终找不到是什么,错误的截图如下所示:

图片附件: 游客没有浏览图片的权限,请 登录注册

请帮忙看一看,谢谢!

[此贴子已经被作者于2006-2-15 14:31:24编辑过]

2006-02-15 14:31
阳光白雪
Rank: 7Rank: 7Rank: 7
等 级:贵宾
威 望:39
帖 子:2220
专家分:0
注 册:2005-11-18
收藏
得分:0 
你是做了什么操作后报错的???

专注于WEB前端交互平台开发:[url=http://blog./]blog.[/url](富客户端技术(RIA)交流平台)
2006-02-17 12:44
快速回复:请问如何实现163邮箱添加附件的效果
数据加载中...
 
   



关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 0.089802 second(s), 10 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved