图片的选择和大小合并

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<HTML>
<HEAD>
<META http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
<META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 9.0.0.0 for Windows">
<META http-equiv="Content-Style-Type" content="text/css">
<TITLE></TITLE>
<SCRIPT LANGUAGE="JavaScript">
<!--
function InitMsgBox(obj){
strsrc = obj.value;
alert(strsrc);
td1.innerHTML = "<img id='img' src=\"" + strsrc + "\" onload='changeImage(400,300)' style='display:none'>"
}
  function changeImage(w,h) {
  document.getElementById("img").width = w;
  document.getElementById("img").height = h;
  document.getElementById("img").style.display = "";
}
//-->
</SCRIPT>
</HEAD>
<BODY><BR>
<CENTER>
<TABLE border="6">
  <CAPTION align="bottom"></CAPTION>
  <TBODY>
    <TR>
      <TD align="center"><INPUT type="file" style="background:#ffffff" name="getfile" id="getfile" onunblur="getfile_onclick" class="btn" onchange='javascript:InitMsgBox(this)'></TD>
    </TR>
    <TR>
      <TD id="td1" width="320" height="240"></TD>
    </TR>
  </TBODY>
</TABLE>
</CENTER>
</BODY>
</HTML>

解决方案 »

  1.   

    谢谢前辈的指点，稍微有点不一样，大小的选择比如
    <INPUT type="button" value="40×30" onClick="changeImage(40,30)">
    <INPUT type="button" value="160×120" onClick="changeImage(160,120)">
    <INPUT type="button" value="320×240" onClick="changeImage(320,240)">
    <INPUT type="button" value="Default" onClick="changeImage(640,480)">
     这些能否也加上呢？
      

  2.   

    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
    <HTML>
    <HEAD>
    <META http-equiv="Content-Type" content="text/html; charset=SHIFT_JIS">
    <META name="GENERATOR" content="IBM WebSphere Studio Homepage Builder Version 9.0.0.0 for Windows">
    <META http-equiv="Content-Style-Type" content="text/css">
    <TITLE></TITLE>
    <SCRIPT LANGUAGE="JavaScript">
    <!--
    function InitMsgBox(obj){
    strsrc = obj.value;
    alert(strsrc);
    td1.innerHTML = "<img id='img' src=\"" + strsrc + "\" onload='changeImage(400,300)' style='display:none'>"
    }
      function changeImage(w,h) {
    try{
      document.getElementById("img").width = w;
      document.getElementById("img").height = h;
      document.getElementById("img").style.display = "";
    }catch(e){
    }
    }
    //-->
    </SCRIPT>
    </HEAD>
    <BODY><BR>
    <CENTER>
    <TABLE border="6">
      <CAPTION align="bottom"></CAPTION>
      <TBODY>
        <TR>
          <TD align="center"><INPUT type="file" style="background:#ffffff" name="getfile" id="getfile" onunblur="getfile_onclick" class="btn" onchange='javascript:InitMsgBox(this)'></TD>
        </TR>
        <TR>
          <TD id="td1" width="320" height="240"></TD>
        </TR>
      </TBODY>
    </TABLE>
    <INPUT type="button" value="40×30" onClick="changeImage(40,30)">
    <INPUT type="button" value="160×120" onClick="changeImage(160,120)">
    <INPUT type="button" value="320×240" onClick="changeImage(320,240)">
    <INPUT type="button" value="Default" onClick="changeImage(640,480)">
    </CENTER>
    </BODY>
    </HTML>
      

  3.   

    dhtml手册
    javascript手册
    css2手册
    html手册搜索.chm后缀的