浏览本机图片并在网页上显示

最新推荐文章于 2024-10-01 18:51:18 发布

付家子弟

最新推荐文章于 2024-10-01 18:51:18 发布

阅读量312

点赞数

文章标签： button server file javascript table upload

本文链接：https://blog.csdn.net/fzw19911206/article/details/7993466

版权

下面由一个简单的提交的小例子说明下

<head runat="server">
    <title></title>
    <style type="text/css">
    .table
    {
        margin:0 auto;
        width:50%;
        border:1px double green;
        }
    </style>
    <script language="javascript" type="text/javascript">
// <![CDATA[

        function Button1_onclick() {
            alert("hello");
        }

// ]]>
    </script>
</head>
<body>
    <form id="form1" runat="server">
    <div>
    <table class="table1">
    <tr><td>用户名：</td><td><input type="text" id="userNameTxt" runat="server" /></td></tr>
    <tr><td>密码：</td><td><input type="text" id="passWordTxt" runat="server" /></td></tr>
    <tr><td>确认密码：</td><td><input type="text" id="passWord2" runat="server" /></td></tr>
    <tr><td>性别：</td><td><input type="radio" id="radio1" runat="server" name="sex" />男<input type="radio" id="radio2" runat="server" name="sex" />女</td></tr>

    <tr><td>头像：</td><td><input type="file" runat="server" id="file1" /></td></tr>// 有的不是显示为浏览这点不要纠结

    <tr><td><input type="button" id="Button1" runat="server" onserverclick="Button2_Click" value="提交" οnclick="return Button1_onclick()" /><asp:Button
            ID="Button2" runat="server" οnclick="Button2_Click" style="height: 21px"
            Text="Button" />
        </td></tr>
    </table>
    <p></p>
    <hr />
    <div id="divResult" runat="server">
    </div>
    </div>
    </form>
</body>
</html>

protected void Button2_Click(object sender, EventArgs e)
        {
            StringBuilder sb = new StringBuilder();
            sb.Append("用户名：");
            sb.Append(userNameTxt.Value);
            sb.Append("<br/>");
            sb.Append("密码：");
            sb.Append(passWord2.Value);
            sb.Append("<br/>");
            sb.Append("性别");
            if (radio1.Checked)
            {
                sb.Append("男");
            }
            else
            {
                sb.Append("女");
            }
            sb.Append("<br/>");
            string filename=file1.PostedFile.FileName;//获得用户上传图片的文件名
            filename=DateTime.Now.Ticks.ToString() + filename.Substring(filename.LastIndexOf("."));//得到一个系统事件有关的文件名字
            file1.PostedFile.SaveAs(Server.MapPath("upload")+"\\"+filename);//把用户上传的图片存在uppload文件下并重命名
            sb.Append("头像：");
            sb.Append("<img src=\"upload/"+filename+"\"/>");//接受图片信息

            this.divResult.InnerHtml = sb.ToString();

        }