.net之 HtmlInputFile

预实现效果:(上传文件,此处为图片,去掉图片验证,可以上传其他文件)

.net之 HtmlInputFile

页面代码:

<%@ Page language="c#" Codebehind="testAdd.aspx.cs" AutoEventWireup="false" Inherits="DevSec.DH.Ums.DH.school.testAdd" %>
<HTML>
    <HEAD>
        <title>NewsEdit</title>
        <meta content="False" name="vs_showGrid">
        <meta http-equiv="Content-Type" content="text/html; charset=gb2312">

        </LINK>
        <script language="javascript">
        function OnChanagePic()
        {
            var fileImage = document.getElementById("fileImage");
            /* 判断文件的扩展名称 */
            var extName =".gif,.bmp,.jpg,.png";
            if(fileImage.value.length != 0)
            {
                var fileExt = fileImage.value.substr(fileImage.value.length - 4).toLowerCase();
                //alert(extName.indexOf(fileExt));
                if(extName.indexOf(fileExt) == -1)
                {
                    alert("上传的文件不正确！\r\n\r\n上传的文件应为：" + extName + "！");
                    window.event.returnValue = false;
                    return false;
                }
                document.getElementById("imgBrowser").src = fileImage.value;
            }
        }

        </script>
    </HEAD>
    <body>
        <form id="FormNewsEdit" method="post" runat="server">
            <table cellSpacing="0" cellPadding="0" width="100%" border="0">

                <tr>
                    <td align="center" height="26">
                        <table width="100%" border="0" class="DataGrid">

                            <tr>
                                <td noWrap colSpan="4" height="26">
                                    <fieldset>
                                        <legend>
                                              选择图片
                                        </legend>
                                        <table width="100%">
                                            <tr>
                                                <td><input id="fileImage" style="WIDTH:100%;CURSOR:hand" onChange="javascript:OnChanagePic();"
                                                        type="file" runat="server" class="inputCss" contentEditable="false" NAME="fileImage"></td>
                                            </tr>
                                            <tr>
                                                <td align="center">
                                                    <asp:image id="imgBrowser" runat="server" ImageUrl="default.jpg" ImageAlign="AbsMiddle"
                                                        ToolTip="图片预览" Width="120" Height="90"></asp:image></td>
                                            </tr>
                                        </table>
                                    </fieldset>
                                </td>
                            </tr>

                        </table>
                    </td>
                </tr>
                <tr>
                    <td vAlign="bottom" align="center" height="30">
                         <asp:Button id="btnOkContinue" runat="server" Text="保存并继续" ActIndex="1"> </asp:Button>
                </tr>
            </table>

        </form>
    </body>
</HTML>