最近要做一个头像上传设置,于是在网上百了很多例子都没有中意的,俗话说的好,柳暗花明又一村,终于找到了,那就是她。很实用的一个demo。网址是
http://www.cnblogs.com/cloudgamer/archive/2009/12/22/ImagePreview.html
下载其中的
<a href="http://files.cnblogs.com/cloudgamer/ImagePreview_asp.rar">完整实例下载(asp版)</a>
使用技巧
一般来preview方法都是在onchange中调用,即选择文件后立即显示预览。
在不需要程序时最好执行一次dispose方法来销毁程序,防止内存泄漏等。
利用ImagePreview.TRANSPARENT可以显示透明图片,而不需另外隐藏或增加文件。
第二个实例中的ResetFile是用来重置file控件的,详细参考这里file的reset。
而file控件样式设置详细参考这里的file样式。
asp版本使用Persits.Jpeg组件缩放图片,测试请先安装该组件。
使用说明
实例化时,有两个必要参数,分别是file控件对象和img元素的预览显示对象:
new ImagePreview( file, img );
可选参数用来设置系统的默认属性,包括:
属性: 默认值//说明
mode: ImagePreview.MODE,//预览模式
ratio: 0,//自定义比例
maxWidth: 0,//缩略图宽度
maxHeight: 0,//缩略图高度
onCheck: function(){},//预览检测时执行
onShow: function(){},//预览图片时执行
onErr: function(){},//预览错误时执行
以下在remote模式时有效
action: undefined,//设置action
timeout: 0//设置超时(0为不设置)
如果要使用remote模式必须设置一个action。
还提供了以下方法:
preview:执行预览操作;
dispose:销毁程序。
分享到:
相关推荐
在JSP上传图片前预览图片在JSP上传图片前预览图片
1.上传并预览,用户可以任意选择区域,支持头像旋转 2.支持上传成功,js 回调函数 3.无论图片过大还是过小,都可以按照固定大小显示 4.支持亮度,对比度,饱和度修饰 5.支持头像拍照保存 6.支持php,asp,jsp,...
### jsp图片上传及预览知识点详解 #### 一、技术背景与应用场景 在Web开发领域,特别是电子商务网站中,用户经常会遇到上传图片的需求。例如,商家上传商品图片供买家查看,用户上传个人头像等场景。为了提高用户...
这很可能是实现图片上传预览功能的主要JSP页面。这个页面可能包含了HTML表单、JavaScript代码以及处理文件上传的JSP脚本。通过分析这个文件的内容,我们可以更深入地理解如何在实际项目中实现这个功能。 总的来说,...
从电脑里选择图片,图片的格式可以加以限制,选择图片后可实时显示预览
整个工程"test.jsp"的实现将这些部分结合在一起,为用户提供了一个友好的本地图片上传预览功能。在这个过程中,我们利用了HTML5的特性,如文件API和data URL,以及jQuery的便利性,实现了前后端的协同工作。这个项目...
图片上传预览是一种在图片上传之前对图片进行本地预览的技术。 使用户选择图片后能立即查看图片,而不需上传服务器,提高用户体验。 但随着浏览器安全性的提高,要实现图片上传预览也越来越困难。 不过群众的智慧是...
在JSP(JavaServer Pages)中,显示本地图片预览是一项常见的需求,特别是在网页开发中。JSP是一种基于Java的动态网页技术,它允许开发者在HTML、XML或其他标记语言中嵌入Java代码,以实现服务器端的数据处理和动态...
以上就是使用Java、JSP和ASP.NET实现图片上传预览的基本步骤。在实际项目中,还需要考虑错误处理、文件大小限制、文件类型检查等安全性问题,以及优化用户体验,如进度条显示、异步上传等。此外,为了防止跨站脚本...
本教程重点介绍如何利用Java和JSP实现图片上传功能,并结合uploadify插件实现图片预览。对于初学者来说,这是一个很好的起点,因为它可以帮助理解动态网页开发中的文件上传和预览机制。 首先,我们来看`java上传...
综上所述,实现“图片放大预览效果”的核心在于结合JSP、JavaScript(特别是JqZoom插件)和Java后端技术。通过合理的前端布局和后端处理,我们可以创建出交互性强、性能优良的图片预览功能。在实际项目中,还可以...
【标题】"【绝对可用】jsp提前预览 上传图片" 涉及的主要知识点是JSP(JavaServer Pages)技术在处理图片上传与预览功能的应用。...通过深入理解和实践这些知识点,开发者可以构建出稳定且用户友好的图片上传预览功能。
在IT行业中,尤其是在Web开发领域,用户经常需要上传图片,比如在社交平台分享照片或在电商网站上传商品图片。...通过HTML、CSS、JavaScript和JSP,我们可以构建出一个高效、安全、用户友好的图片上传预览系统。
在Web开发中,图片上传和预览是常见的功能需求,尤其对于用户交互丰富的应用来说。Struts2提供了一套完善的机制来处理文件上传,包括图片。本文将详细讲解如何利用Struts2实现图片上传并进行预览。 一、Struts2文件...
本示例"jsp图片上传完整示例"就是一种实现此类功能的实际操作,它基于经典的Struts框架和Hibernate ORM工具,提供了一个可直接运行的解决方案。下面我们将深入探讨这个知识点。 首先,JSP(JavaServer Pages)是一...
在这个“JSP图片上传裁剪Demo”中,我们将探讨如何在JSP环境中实现图片上传和裁剪功能,这对于网页开发,尤其是涉及到用户头像管理的项目来说,是非常实用的功能。 首先,图片上传通常涉及前端和后端两部分。前端...
Jsp实现图片上传前的预览功能源码,本效果基于一个JS封装类,以实现ajax图像预览功能,另外还有JAVA源码和JSP页面部分的代码,一个小程序代码,并不具备除图像预览以外的功能。并程序完美实现在JSP上传图片前的无...
在这个“jsp图片上传--自动预览”的主题中,我们将深入探讨如何在JSP中实现在用户选择图片后立即进行预览,并最终将图片上传到服务器。 首先,我们需要了解图片预览的基本原理。在用户选择文件后,我们可以通过...
在Java Web开发中,图片上传和预览是一个常见的功能需求,尤其在社交网络、电子商务或者内容管理系统等应用场景中。本文将深入探讨如何在JSP(Java Server Pages)环境中实现图片的上传与预览。 首先,我们需要理解...
本项目“jsp 图片上传”是一个基于JSP(JavaServer Pages)和JavaScript技术实现的图片上传预览功能的完整工程。接下来,我们将详细讨论这个系统的关键技术和实现过程。 1. **JSP技术**: JSP是Java平台上的动态...