15 Sep 2004

问题,如何把上传文件的浏览按钮换成其他样式 或者图片

Share

我的上篇随笔中,写了如何替换“浏览”按钮的代码
有朋友指出 该表单无法提交,
由于我当时只是测试了 能否实现替换和浏览
我测试了一下,果然不能提交表单 提示“。。。权限。。”
后来修改如下

<%@ Page Language=C# ResponseEncoding=gb2312 debug=true%>
<%@ import Namespace=System %>
<%@ import Namespace=System.IO %>
<!DOCTYPE html PUBLIC -//W3C//DTD XHTML 1.0 Transitional//EN http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd>
<html xmlns=http://www.w3.org/1999/xhtml xml:lang=gb2312 lang=gb2312>
<head>
<title> 上传的时候<input type=file>中用图片代替浏览按钮 </title>
<meta http-equiv=Content-Type content=text/html; charset=gb2312 />
<meta name=title content=”” />
<meta name=author content=活靶子,huobazi />
<meta name=subject content=”” />
<meta name=language content=gb2312 />
<meta name=keywords content=”” />
<meta name=Copyright content=”” />
<meta name=robots content=all />
<script language=c# runat=server>
    
void Button_Click(object o , EventArgs e)
    
{        
            
string str = browse.PostedFile.ContentLength.ToString();
            Response.Write(str);
    }

    
void Page_Load(object o , EventArgs e)
    
{
        
    }

</script>
<script language=javascript type=text/javascript>
    function fn_browse()
    
{
        document.all.browse.click();
        document.all.file.value 
= document.all.browse.value;
        
        
    }

    function fn_submit()
    
{
        document.forms[
0].browse.disabled = true;        
    }

</script>

</head>
<body>

<form runat=server method=post enctype=multipart/form-data >

<input type=file  id=browse  runat=server style=display:none/>

<input type=text name=file />
<a href=# onclick=fn_browse()>
<img  name=btn src=browse.gif border=0 /></a>  
<br />
<br />
<input id=button type=submit value=提交 onServerClick=Button_Click runat=server 
onclick
=fn_submit />

</form>

</body>
</html>


该表单可以提交了,但是仍然不能上传所选文件,不知各位有没有其他办法?

comments powered by Disqus