<html>
<head></head>
<script language=JavaScript>
var flag=false;
function DrawImage(ImgD){
var image=new Image();
image.src=ImgD.src;
if(image.width>0 && image.height>0){
flag=true;
if(image.width/image.height>= 120/80){
if(image.width>120){
ImgD.width=120;
ImgD.height=(image.height*120)/image.width;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
else{
if(image.height>80){
ImgD.height=80;
ImgD.width=(image.width*80)/image.height;
}else{
ImgD.width=image.width;
ImgD.height=image.height;
}
ImgD.alt=image.width+"×"+image.height;
}
}
/*else{
ImgD.src="";
ImgD.alt=""
}*/
}
function FileChange(Value){
flag=false;
document.all.uploadimage.width=10;
document.all.uploadimage.height=10;
document.all.uploadimage.alt="";
document.all.uploadimage.src=Value;
}
function FileChange1(Value){
flag=false;
document.all.uploadimage1.width=10;
document.all.uploadimage1.height=10;
document.all.uploadimage1.alt="";
document.all.uploadimage1.src=Value;
}
function BeforeUpLoad(){
if(flag) alert("OK");else alert("FAIL");
}
</script>
<body>
<IMG id="uploadimage" height=10 width=10 src=""
onload="javascript:DrawImage(this);" >
<input type="file" id="upload" onchange="javascript:FileChange(this.value);"/>
</body>
</html>
还可以再做修改时，预览原先数据库中的图片，。只需在作用域中指定图片路径，将<IMG>中的src指向该路径便可。
分享到：
相关推荐
图片放大预览 效果 jsp java图片放大预览 效果 jsp java图片放大预览 效果 jsp java
Jsp中显示本地图片预览，更好的显示图片效果。
一个jsp中上传图片并预览的效果 单独的只有上传图片并预览的效果 支持ie 9
Jsp图片预览程序（含Java源码） 目前，很多网站都在为提升用户体验而努力，想尽多种办法让用户在网站上的操作更加舒适、人性化，就像这个图片预览小功能一样，不要说它很小，但是它发挥的作用很明显，在上传前预览...
一个jsp中上传图片并预览的效果并含注册功能
Jsp实现图片上传前的预览功能源码，本效果基于一个JS封装类，以实现ajax图像预览功能，另外还有JAVA源码和JSP页面部分的代码，一个小程序代码，并不具备除图像...并程序完美实现在JSP上传图片前的无刷新预览图片功能。
JavaScrip t 图片上传 预览效果 (jsp) 兼容各主流浏览器 还有一个.net版本，如果需要请查看我的其它资源吧!!!
博主在网上找到了剥离出来的百度开发的ueditor中有多图片上传功能的例子（仅针对JSP），加上之前的适应IE8+的预览JS，二者结合，则既可以上传图片，又可以预览图片。 适应IE8+的预览JS： 下载网址为：...
JSP+Lightbox JS，图片放大效果预览，关键代码
JQuery 实现的炫丽图片预览效果，应用的网页中会产生不错的视觉效果。
京东多张图片的预览放大镜效果，是从京东最新版移植出来，再精简过的代码。完全是京东原代码
JSP版的完善KindEditor在线编辑器(带附件上传与图片按日期分类管理功能) 1.集合了日期、时间、在线预览和特殊字符插件,采用3.0皮肤； 2.将图片上传与管理的JSP页面改写成SERVLET，...可在上面的iteye论坛先预览效果
jsp，php，asp，上传时都可以用的图片预览案例，不需要自己写，直接拿来用，能实现一点击浏览上传就会看到上传的图片，是很不错的东西，希望能帮到大家
2.excel 页面预览功能 word因为样式复杂暂时效果不好 3.代码中包含ftp文件传输至服务器代码（因为公司要求是将附件传输到 文件服务器） 使用注意： 需要注意文件路径配置文件file.properties （自己找不到就别赖...
实现多张图片上传与预览，把该jsp文件放在项目里跑起来，直接访问jsp文件就可以看到效果
点击图片弹出文件上传界面的效果，想必大家都有见到过吧，在本文为大家详细介绍下在jsp中是如何实现的，并对具体的实现代码做简要的介绍，感兴趣的朋友不要错过
使用uploadify插件可方便实现图片上传功能。兼容ie6、ie7。 上传成功之后使用插件的回调函数读取json数据，根据url实现图片预览。 效果图： 点击浏览文件上传图片，图片依次在右侧显示预览效果。 实现： json数据...
随着浏览器安全性的提高，要实现图片预览也...上次写的简便无刷新文件上传系统最初的目的就是用来实现这个图片预览效果。 兼容：ie6/7/8, firefox 3.5.5 后台支持下还兼容：opera 10.10, safari 4.0.4, chrome 3.0
17、修复了编辑主题时缺少主题分类选项，显示信息类别的效果及不能预览远程附件服务器上的图片 18、修复了Archiver 功能在 URL 非静态化的条件下无法正常访问 19、修复了论坛会员个人设置时区无效 20、修复了...
17、修复了编辑主题时缺少主题分类选项，显示信息类别的效果及不能预览远程附件服务器上的图片 18、修复了Archiver 功能在 URL 非静态化的条件下无法正常访问 19、修复了论坛会员个人设置时区无效 20、修复了...