您当前所在位置：首页 > 网络编程 > ASP.NET

ASP.NET

asp.net实现上传文件显示本地绝对路径的实例代码

网络 2013-07-25ASP.NET6973

asp.net实现上传图片显示本地绝对路径图片，其实这个还是得用<DIV></DIV>去显示图片会更好一点！用js实现图片的比例压缩让图片一样能够很清楚！下面把代码贴出来

页面代码主要就是JS
view plaincopy to clipboardprint

<head runat="server"> 
    <title>无标题页</title> 
    <mce:script language="javascript" type="text/javascript"><!--  
    function Imagesrc()  
    {  
    document.getElementById("image").src=document.all.FileUpload1.value;  
    }     
// --></mce:script> 
</head> 
<body> 
    <form id="form1" runat="server"> 
    <div> 
    <img alt="\" id="image"  style="height:50px;width:50px" /> 
        <asp:FileUpload ID="FileUpload1" runat="server" onchange="Imagesrc()" /> 
        <br /> 
        <asp:Button ID="btnPost" runat="server" 
            Text="上传" OnClick="btnPost_Click" /></div> 
    </form> 
</body> 
<head runat="server">
    <title>无标题页</title>
    <mce:script language="javascript" type="text/javascript"><!--
    function Imagesrc()
    {
    document.getElementById("image").src=document.all.FileUpload1.value;
    }
// --></mce:script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <img alt="\" id="image"  style="height:50px;width:50px" />
        <asp:FileUpload ID="FileUpload1" runat="server" onchange="Imagesrc()" />
        <br />
        <asp:Button ID="btnPost" runat="server"
            Text="上传" OnClick="btnPost_Click" /></div>
    </form>
</body>

defualt.aspx.cs代码
view plaincopy to clipboardprint

复制代码代码如下:

protected void btnPost_Click(object sender, EventArgs e)  
   {  
       string PostName = Server.MapPath("Image");  
       string fileName = FileUpload1.FileName;  
       //是否包含此文件  
       if (FileUpload1.HasFile)  
       {  
           FileUpload1.SaveAs(PostName "/" fileName);             
       }  
   } 

很赞哦！()