请教163mail,gmail的多文件上传是如何实现的？file控件隐藏了，如何实现上传
日期：2014-05-20 浏览次数：20422 次
请问163mail,gmail的多文件上传是怎么实现的？file控件隐藏了，怎么实现上传?
file控件隐藏了，怎么实现上传?
谢谢
------解决方案--------------------
隐藏是客户端不可见还是服务器端不输出呢
------解决方案--------------------
没有 研究过163邮箱
不过 楼主
肯定可以从 163邮箱输出到客户端的html和js中 找到相应的操作代码
------解决方案--------------------
head>
<meta http-equiv= "Content-Language " content= "zh-cn ">
<script>
function mCreateFile(obj){
var eF
var mName
mFileName.innerHTML= " "
if (obj.id== "File ") {
for (i=0;i <mFile.children.length-1;i++)
{
if (mFile.children[i].value== " ") {
mFile.removeChild(mFile.children[i])
}
else
{
mName=mFile.children[i].value.split( "\\ ")
mFileName.innerHTML+= " <div id=NameDetail title= ' "+mName[mName.length-1]+ " '> "+mName[mName.length-1]+ " </div> "
}
}
mstatus.innerHTML= "总共有 <b> "+(mFile.children.length-1)+ " </b> 个文件等待上传 "
}
if (obj.id== "File_New ") {
eF=document.createElement( ' <input type= "file " name= "File " size= "23 " id=File_New onpropertychange= "mCreateFile(this) "> ')
mFile.appendChild(eF)
obj.id= "File "
}
}
</script>
<style>
table{
FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3);
}
input{
border:1px soild #000000;
font-family:Verdana,Arial,宋体;
font-size:12px;
padding:2px;
}
#mTD{
LINE-HEIGHT: 24px;
}
#mFile{
width:203px;
float:left;
|
#mFileName{
float:right;
width:182px;
}
#NameDetail{
overflow:hidden;
width:176px;
color:#000000;
font-family:Verdana,Arial,宋体;
font-size:12px;
cursor:default;
height:22px;
}
#mstatus{
font-size:12px;
color:#ff0000;
}
</style>
</head>
<body>
<form name=frm method=post>
<div align= "center ">
<table border= "1 " width= "420 " style= "border-collapse: collapse " bordercolor= "#0066cc " cellpadding= "4 " bgcolor= "#D0F0FF ">
<tr>
<td bgcolor= "#3399FF " height= "26 " align= "center "> <font color= "#FFFFFF " size= "3 "> <b> 添加附件 </b> </font> </td>
</tr>
<tr>
<td id=mTD>
<div id=mFile> <input type= "file " name= "File " size= "23 " id=File_New onpropertychange= "mCreateFile(this) "> </div>
<div id=mFileName> </div>
<div id=mstatus> 总共有 <b> 0 </b> 个文件等待上传 </div>
</td>
</tr>
</table>
</div>
</form>
</body>
这个是我用过的，你自己修改下！
file控件隐藏了，怎么实现上传?
谢谢
------解决方案--------------------
隐藏是客户端不可见还是服务器端不输出呢
------解决方案--------------------
没有 研究过163邮箱
不过 楼主
肯定可以从 163邮箱输出到客户端的html和js中 找到相应的操作代码
------解决方案--------------------
head>
<meta http-equiv= "Content-Language " content= "zh-cn ">
<script>
function mCreateFile(obj){
var eF
var mName
mFileName.innerHTML= " "
if (obj.id== "File ") {
for (i=0;i <mFile.children.length-1;i++)
{
if (mFile.children[i].value== " ") {
mFile.removeChild(mFile.children[i])
}
else
{
mName=mFile.children[i].value.split( "\\ ")
mFileName.innerHTML+= " <div id=NameDetail title= ' "+mName[mName.length-1]+ " '> "+mName[mName.length-1]+ " </div> "
}
}
mstatus.innerHTML= "总共有 <b> "+(mFile.children.length-1)+ " </b> 个文件等待上传 "
}
if (obj.id== "File_New ") {
eF=document.createElement( ' <input type= "file " name= "File " size= "23 " id=File_New onpropertychange= "mCreateFile(this) "> ')
mFile.appendChild(eF)
obj.id= "File "
}
}
</script>
<style>
table{
FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#999999,strength=3);
}
input{
border:1px soild #000000;
font-family:Verdana,Arial,宋体;
font-size:12px;
padding:2px;
}
#mTD{
LINE-HEIGHT: 24px;
}
#mFile{
width:203px;
float:left;
|
#mFileName{
float:right;
width:182px;
}
#NameDetail{
overflow:hidden;
width:176px;
color:#000000;
font-family:Verdana,Arial,宋体;
font-size:12px;
cursor:default;
height:22px;
}
#mstatus{
font-size:12px;
color:#ff0000;
}
</style>
</head>
<body>
<form name=frm method=post>
<div align= "center ">
<table border= "1 " width= "420 " style= "border-collapse: collapse " bordercolor= "#0066cc " cellpadding= "4 " bgcolor= "#D0F0FF ">
<tr>
<td bgcolor= "#3399FF " height= "26 " align= "center "> <font color= "#FFFFFF " size= "3 "> <b> 添加附件 </b> </font> </td>
</tr>
<tr>
<td id=mTD>
<div id=mFile> <input type= "file " name= "File " size= "23 " id=File_New onpropertychange= "mCreateFile(this) "> </div>
<div id=mFileName> </div>
<div id=mstatus> 总共有 <b> 0 </b> 个文件等待上传 </div>
</td>
</tr>
</table>
</div>
</form>
</body>
这个是我用过的，你自己修改下！
免责声明： 本文仅代表作者个人观点，与爱易网无关。其原创性以及文中陈述文字和内容未经本站证实，对本文以及其中全部或者部分内容、文字的真实性、完整性、及时性本站不作任何保证或承诺，请读者仅作参考，并请自行核实相关内容。
