博客园  :: 首页  :: 新随笔  :: 联系 :: 订阅 订阅  :: 管理

点击图片弹出上传文件对话框

Posted on 2009-02-25 18:18  hyd309  阅读(1060)  评论(0编辑  收藏  举报

<%@ Page Language="C#" AutoEventWireup="true" EnableViewState="true" CodeFile="11111.aspx.cs" Inherits="_11111" %>

<!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">
<head runat="server">
    <title>无标题页</title>
    <link type="text/css" rel="Stylesheet" href="css/common.css" />
    <link type="text/css" rel="Stylesheet" href="css/layout.css" />

    <script type="text/javascript" language="javascript" src="Js/Common.js"></script>

    <script type="text/javascript" language="javascript" src="Js/calendar.js"></script>
  <script   language="javascript"   type="text/javascript">  
  function   fn_browse()  
  {  
  document.test_form.browse.click();  
  document.test_form.file.value   =   document.all.test_form.browse.value;  
   
  }  
  </script>  
</head>
<body>
    <form   name="test_form"   method="post"   ENCTYPE="multipart/form-data"   onsubmit="alert(document.test_form.browse.value);"   />  
  <input   type="file"   name="browse"   style="display:none;"   />  
  <input   type="text"   name="file"   />  
  <a   href="javascript:fn_browse();">        
  <br   />  
  <br   />  
  <img     name="btn"   width=50 height=20 src="1.jpg"   border="0"   />
  </a>
  <br />
  <img id="aa" width=23 height=20 />
  <input   type="submit"   name="提交表单"   />  
  </form> 
</body>
</html>