修改file的文字

实际原理是 放置一个超链接 超链接设置背景图片 然后设置file透明 点击时触发的是file的事件

我的图片 a.jpg 宽度 72px 高度 24px

<HTML>

<HEAD>
<style>
.asetBackGround {
background-image: url('./a.jpg');
width:72px;
height:24px;
display:block;
}

.fileOpacity {
cursor:pointer;
width:72px;
height:24px;
opacity:0;
filter:alpha(opacity=0)
}
</style>
</HEAD>
<BODY>
<FORM method=post  enctype="multipart/form-data">
<a class='asetBackGround' href=#><INPUT name='lmfile' class='fileOpacity' type=file></a>

<input type="button" value='获取文件名' onclick="alert(lmfile.value)" />
</FORM>
</BODY>
</HTML>
posted @ 2014-10-08 08:59  饺子吃遍天  阅读(151)  评论(0编辑  收藏  举报