您正在使用 IPV4 [18.209.209.28] 访问本站,您本次已经查看了 1 页
用户名: 密 码: 验证码:     用QQ登录本站
首页 软件 编程 笑话 知识 公告 台风 日历 计算器
[公益]保护绿色环境,构建和谐社会       悟空收录网      

【腾讯云】 爆款2核2G3M云服务器首年 61元,叠加红包再享折上折      
[公益] 地球是我家,绿化靠大家      
2024年 清明节 007
2024年 劳动节 034
2025年 元 旦 279
2025年 春 节 307
 
您现在的位置:首页 >> JSP >> 内容
本类新增
本类热门
JSP上传图片前预览图片实现方法及代码
内容摘要: HTMLHEADTITLE New Document /TITLE/HEADSCRIPT LANGUAGE=\'JavaScript\'!--function showimg(){document.Myform.Myimg.src=document.Myform.filename.value;}//--/SCRIPTBODYFORM name=Myform ......
<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\" onchange=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=\"\"> [Page]

</HEAD>

<BODY>

<IMG id=a SRC=\"\" WIDTH=\"400\" HEIGHT=\"300\" BORDER=\"0\" ALT=\"\"><input type=file id=b><button onclick=’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\">

只设定宽或高,就会自动调整了

版权声明:本内容来源于网络,如有侵犯您的版权,请联系站长,本站收到您的信息后将及时处理。
上一篇:JSP获取客户端的浏览器和操作系统信息

 

下一篇:jsp动态图片验证码代码

发布日期:2021/6/15
手机扫二维码直达本页
发布时间:12:34:56
点  击:9
录  入:壹家怡园
相关文章
Baidu
YiJiaCMS 7.3.8 build231228(MSSQL) 闽ICP备05000814号-1
本空间由腾讯云(轻量应用服务器)提供,Cloudflare提供加速防护
运行时间载入中.....