您的位置：首页 > 其它

更改FileUpload控件中browse按钮的显示文字

2009-11-17 17:22 513 查看

<SCRIPT LANGUAGE="JavaScript">
<!--
function ShowBrowse()
{
var file1=document.getElementById("file1");
if(file1)
{
file1.click();
}
}

function ShowFilename(o)
{
var filename=document.getElementById("filename");
if(filename)
{
filename.value=o.value;
}
}
//-->
</SCRIPT>
<input id="file1" type="file" onpropertychange="ShowFilename(this);" style="display:none" mce_style="display:none" />
<input id="filename" /><button onclick="ShowBrowse()"> 浏览... </button>

<html>
<head id="Head1" runat="server">
<title>无标题页</title>
<mce:style type="text/css"><!--

a.addfile
{
background-image: url(http://p.mail.163.com/js31style/lib/0703131650/163blue/f1.gif);
background-repeat: no-repeat;
background-position: -823px -17px;
display: block;
float: left;
height: 25px;
margin-top: -1px;
position: relative;
text-decoration: none;
top: 0pt;
width: 65px;
overflow:hidden;
}
a.addfile:hover
{
background-position: -911px -17px;
}
input.addfile
{
cursor: pointer !important;
height: 25px;
left: -6px;
filter: alpha(opacity=0);
position: absolute;
width: 0px;
z-index: -1;
}

--></mce:style><style type="text/css" mce_bogus="1">
a.addfile
{
background-image: url(http://p.mail.163.com/js31style/lib/0703131650/163blue/f1.gif);
background-repeat: no-repeat;
background-position: -823px -17px;
display: block;
float: left;
height: 25px;
margin-top: -1px;
position: relative;
text-decoration: none;
top: 0pt;
width: 65px;
overflow:hidden;
}
a.addfile:hover
{
background-position: -911px -17px;
}
input.addfile
{
cursor: pointer !important;
height: 25px;
left: -6px;
filter: alpha(opacity=0);
position: absolute;
width: 0px;
z-index: -1;
}
</style>
</head>
<body>
<form id="form1" runat="server" enctype="multipart/form-data">
<div>
<a href="#" mce_href="#" class="addfile" id="al">
<input id="my_file_element" class="addfile" runat="server" type="file" name="file_1" size="1" title="点击选择附件" />
</a>
</div>
</form>
</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航