jsp 图片上传预览

news/2025/2/22 15:05:39

最近要做一个头像上传设置,于是在网上百了很多例子都没有中意的,俗话说的好,柳暗花明又一村,终于找到了,那就是她。很实用的一个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:销毁程序。


http://www.niftyadmin.cn/n/869490.html

相关文章

linux 非法指令_【技术分享】教你如何玩转Linux!

Linux是一种类unix内核的操作系统&#xff0c;另一种基于unix内核的操作系统有常见的macos&#xff0c;他们都有别于windows。其中linux系统的应用场景从服务器到PC&#xff0c;再到嵌入式系统&#xff0c;因为其优异的稳定性和开源性&#xff0c;所以受到很多人的追捧&#xf…

opencv android安装教程,opencv for android安装教程.doc

opencv for android安装教程前言&#xff1a;? ?最近android开发异常火热&#xff0c;随着手机性能越来越高&#xff0c;图像处程序也越来越重要&#xff0c;由于opencv for android 网上教程大多为英文文档&#xff0c;中文教程都为零星篇章&#xff0c;很少有完整的opencv …

vscode在html预览看到图片的插件_谷歌商店下载量超高的3个插件!网友:发现新世界,效率蹭蹭涨...

前段时间&#xff0c;有位70后读者跟我吐槽&#xff1a;自己被90后的读者惊到了&#xff01;同样是做一个事情&#xff0c;自己用了很长时间才搞定&#xff0c;小年轻却能很快的做完&#xff01;比如同样是下载一些图片&#xff0c;自己一张张点击进行下载&#xff0c;去放下对…

省市县联动 js版本

最近在晚上找到一个js写的全国省市县联动js版本。这样就不用跟数据库交互了&#xff0c;挺好的。 参考网址是 http://www.popub.net/script/pcasunzip.html 使用说明&#xff1a; 页面包含<script type"text/javascript" src"pcasunzip.js"></…

qt210 android 内核移植,FS210开发板上Qt4.7.0移植过程

FS210开发板上Qt4.7.0移植过程[复制链接]作者&#xff1a;冯老师,华清远见嵌入式学院讲师。1. 搭建Qt开发环境平台1、开发环境&#xff1a;ubuntu 12.042、交叉编译链&#xff1a;arm-cortex_a8-linux-gnueabi3、开发板&#xff1a;FS2102. Qt移植所需的工具首先&#xff0c;我…

_如何在Linux系统中安装PuTTY-终端管理软件

如何在Linux上安装PuTTY请关注本头条号&#xff0c;每天坚持更新原创干货技术文章。如需学习视频&#xff0c;请在微信搜索公众号“智传网优”直接开始自助视频学习1. 前言PuTTY是一个免费的开源跨平台SSH和telnet客户端&#xff0c;即使已经存在了20多年&#xff0c;它仍然是最…

spring mvc 注解式

最近做springmvc注解操作&#xff0c;终于实验成功&#xff0c;可以跑动了。今天把代码贴出来&#xff0c;希望大家帮我继续晚上 清单一&#xff1a;web.xml [quote] <?xml version"1.0" encoding"UTF-8"?> <web-app version"2.4" xm…

android service callback,Android service with locationListener callbacks

问题I have an android application. Based on the current geo location of user, I want to fetch some remote data in background and store it. My implementation is:At specific interval a alarm fires up my service. Service uses an anonymous class to query curre…