在JSP上传图片前预览图片

1: 
  <HTML>  
  <HEAD>  
  <TITLE>   New   Document   </TITLE>  
  </HEAD>  
  <SCRIPT   LANGUAGE="JavaScript">  
  <!--  
  function   showimg()  
  {  
  document.Myform.Myimg.src=document.Myform.filename.value;  
  }  
  //-->  
  </SCRIPT>  
  <BODY>  
  <FORM   name=Myform   METHOD=POST   ACTION="">  
  <INPUT   name=filename   TYPE="file"   οnchange=setTimeout('showimg()',500)>  
  <IMG   name=Myimg   SRC=""   BORDER="0">  
  </FORM>  
  </BODY>  
  </HTML>   
 

2: 
  就这样,可以了,如果想限制下大小,就在  
  function   showimg()  
  {  
  document.Myform.Myimg.src=document.Myform.filename.value;  
                    document.Myform.Myimg.width=;  
                    document.Myform.Myimg.height=;  
  }

3: 
  <HTML>  
  <HEAD>  
  <TITLE>   New   Document   </TITLE>  
  <META   NAME="Generator"   CONTENT="EditPlus">  
  <META   NAME="Author"   CONTENT="">  
  <META   NAME="Keywords"   CONTENT="">  
  <META   NAME="Description"   CONTENT="">  
  </HEAD>  
   
  <BODY>  
  <IMG   id=a   SRC=""   WIDTH="400"   HEIGHT="300"   BORDER="0"   ALT=""><input   type=file   id=b><button   οnclick='aa()'>浏览</button>  
  </BODY>  
  </HTML>  
  <SCRIPT   LANGUAGE="JavaScript">  
  <!--  
  function   aa(){  
  document.getElementById("a").src=document.getElementById("b").value;  
  }  
  //-->  
  </SCRIPT>

4: 
 <IMG   ……width="80">  
  或者  
  <IMG   ……height="80">  
  只设定宽或高,就会自动调整了

 
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 2
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值