并根据宽高限制上传 JS判断的也可

解决方案 »

  1.   

    <html>
    <head>
    <title></title>
    <script language="javascript">
    <!--
    function go()
    {
       mp.src = file1.value;
       alert("宽度为:"+mp.clientWidth+"高度为:"+mp.clientHeight)
    }
    //-->
    </script>
    </head>
    <body>
      <img id="mp"   style="visibility:hidden;">
      <input type="file" id="file1">
      <input type="button" onclick="go()" value="picSize">
    </body>
    </html>
      

  2.   

    <html>
    <head>
    <title></title>
    <script language="javascript">
    <!--
    function go()
    {
       mp.src = file1.value;
       alert("宽度为:"+mp.clientWidth+"高度为:"+mp.clientHeight)
       mp.src = "0"
    }
    //-->
    </script>
    </head>
    <body>
      <div  STYLE="width: 1px; height: 1px; overflow: hidden;">
      <img id="mp"  src="http://community.csdn.net/images/CSDN_logo.GIF"  style="visibility:visible;" >
      </div>
      <input type="file" id="file1">
      <input type="button" onclick="go()" value="picSize">
    </body>
    </html>
    这个不会变大了.
      

  3.   

    System.Drawing.Image img = System.Drawing.Image.FromStream(File1.PostedFile.InputStream);
    Response.Write("宽:" + img.Width.ToString() + "<br>高:" + img.Height.ToString());
    img.Dispose();
      

  4.   

    <html>
    <head>
    <title></title>
    <script language="javascript">
    <!--
    function go()
    {
       mp.src = file1.value;
       alert("宽度为:"+mp.clientWidth+"高度为:"+mp.clientHeight)
       mp.src = "0"
    }
    //-->
    </script>
    </head>
    <body>
      <div  STYLE="width: 1px; height: 1px; overflow: hidden;">
      <img id="mp"  src="http://community.csdn.net/images/CSDN_logo.GIF"  style="visibility:visible;" >
      </div>
      <input type="file" id="file1">
      <input type="button" onclick="go()" value="picSize">
    </body>
    </html>
    多次更换图片后无法得到正确的宽和高
      

  5.   

    System.Drawing.Image img = System.Drawing.Image.FromStream(File1.PostedFile.InputStream);
    int imgWidth = img.Width;
    int imgHeight = img.Height;
      

  6.   

    是有点问题,图片很宽的话有问题的,谢谢楼上的。
    可能是速度太快了吧。下面修改了一下。
    <html>
    <head>
    <title></title>
    <script language="javascript">
    <!--
    function go()
    {
       alert("宽度为:"+mp.clientWidth+"高度为:"+mp.clientHeight)
    }
    //-->
    </script>
    </head>
    <body>
      <div  STYLE="width: 1px; height: 1px; overflow: hidden;">
      <img id="mp"    style="visibility:visible;" >
      </div>
      <input type="file" id="file1" onblur="mp.src=this.value">
      <input type="button" onclick="go()" value="picSize"> 
    </body>
    </html>
    -----------
    宽800/1024的反复都测试了。OK
      

  7.   

    可是如果是SERVER CONTROL的BUTTON 如何设置呢
    我试过 asp:Button id="Button1" runat="server" onclick="go()"  Text="上传"></asp:Button>
    不行
      

  8.   

    后台添加
    Page_Load里面:
    if(!IsPostBack)
    {
        Button1.Attributes.Add("onclick","go();return false");
    }我这个只是测试图片宽度的。要是上传的话要改的。修改如下
    <html>
    <head>
    <title></title>
    <script language="javascript">
    <!--
    function go()
    {
       alert("宽度为:"+mp.clientWidth+"高度为:"+mp.clientHeight)
       if(mp.clientWidth>500 || mp.clientHeight>500)
       {
    alert("图片宽度/长度超出范围!");
    return false
       }
       alert("图片宽度/长度没有超出范围!");
       return true;}
    //-->
    </script>
    </head>
    <body>
      <div  STYLE="width: 1px; height: 1px; overflow: hidden;">
      <img id="mp"    style="visibility:visible;" >
      </div>
     <FORM METHOD=POST ACTION="aa.html" id="form1" name="form1">
       <input type="file" id="file1" onblur="mp.src=this.value">
      <input type="submit" onclick="return go()" value="picSize"> 
      </FORM>
    </body>
    </html>
    Page_Load里面:
    if(!IsPostBack)
    {
        Button1.Attributes.Add("onclick","return go();");
    }
      

  9.   

    if(!Page.IsPostBack)
    {
    Button1.Visible=false;
    myFile.Visible=false;
    Button1.Attributes.Add("onclick","go();return false");
    }INPUT id="myFile" runat="server" type="file">
    <asp:Button id="Button1" runat="server" onclick="go()" Text="上传"></asp:Button> 编译器错误信息: CS1041: 应输入标识符,“return”是关键字
      

  10.   

    INPUT id="myFile" runat="server" type="file">
    <asp:Button id="Button1" runat="server" onclick="return go()"Text="上传"></asp:Button>
      

  11.   

    <head>
    <title></title>
    <script language="javascript">
    <!--
    function checkPic()
    {
       alert("宽度为:"+mp.clientWidth+"高度为:"+mp.clientHeight)
       if(mp.clientWidth>500 || mp.clientHeight>500)
       {
    alert("图片宽度/长度超出范围!");
    return false
       }
       alert("图片宽度/长度没有超出范围!");
       return true;}
    //-->
    </script>
    </head>
     <div  STYLE="width: 1px; height: 1px; overflow: hidden;">
      <img id="mp"    style="visibility:visible;" >
      </div>
    <form id="Form1" method="post" runat="server">
          <INPUT id="myFile" runat="server" type="file">
          <asp:Button id="Button1" runat="server"  Text="上传"></asp:Button>
      </form>if(!Page.IsPostBack)
    {
    Button1.Attributes.Add("onclick","return checkPic()");
    }
    ----------------
    没有测试环境,无法测试.
      

  12.   

    <%@ Page language="c#" Codebehind="test2.aspx.cs" AutoEventWireup="false" Inherits="MMTest.test2" %>
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN" >
    <HTML>
    <HEAD>
    <title>test2</title>
    <meta name="GENERATOR" Content="Microsoft Visual Studio .NET 7.1">
    <meta name="CODE_LANGUAGE" Content="C#">
    <meta name="vs_defaultClientScript" content="JavaScript">
    <meta name="vs_targetSchema" content="http://schemas.microsoft.com/intellisense/ie5">
    <script language="javascript">
    <!--
    function checkPic()
    {
    alert("宽度为:"+Form1.mp.clientWidth+"高度为:"+Form1.mp.clientHeight)
    if(Form1.mp.clientWidth>500 || Form1.mp.clientHeight>500)
    {
    alert("图片宽度/长度超出范围!");
    return false
    }
    alert("图片宽度/长度没有超出范围!");
    return true; }
    //-->
    </script>
    </HEAD>
    <body>
    <form id="Form1" method="post" runat="server">
    <div STYLE="OVERFLOW: hidden; WIDTH: 1px; HEIGHT: 1px">
    <img id="mp" name ="mp" name ="mp" style="VISIBILITY:visible">
    </div>
    <INPUT id="myFile" runat="server" type="file" onchange="Form1.mp.src=this.value">
    <asp:Button id="Button1" runat="server" Text="上传"></asp:Button>
    </form>
    </body>
    </HTML>
    --------------------------------------------------
    private void Page_Load(object sender, System.EventArgs e)
    {
    // 在此处放置用户代码以初始化页面
    if(!Page.IsPostBack)
    {
    Button1.Attributes.Add("onclick","return checkPic()");
    } }
    private void Button1_Click(object sender, System.EventArgs e)
    {
    Response.Write("aaaaa");
    }
    测试过了,OK.问题说明如下:
    图片若很大,我测试了宽度为1024的图片,此时加载<INPUT id="myFile" runat="server" type="file" onchange="Form1.mp.src=this.value">的时候会慢,没有加载完毕的话就会出现多次更换图片后无法得到正确的宽和高的问题.