1、 简单控制图片width,height的例子
<script language="javascript" type="text/javascript">
function forBig(id)
{
var node = document.getElementById(id);
var width = node.getAttribute("width");
var height = node.getAttribute("height");
node.setAttribute("width",width+20);
node.setAttribute("height",height+20);
}
function forSmall(id)
{
var node = document.getElementById(id);
var width = node.getAttribute("width");
var height = node.getAttribute("height");
node.setAttribute("width",width-10);
node.setAttribute("height",height-10);
}
</script>
简单控制图片width,height的例子//图片路径楼主把握一下
<script language="javascript" type="text/javascript">
function enlarge(id)
{
var node = document.getElementById(id);
var width = node.getAttribute("width");
var height = node.getAttribute("height");
node.setAttribute("width",width+20);
node.setAttribute("height",height+20);
}
function shrink(id)
{
var node = document.getElementById(id);
var width = node.getAttribute("width");
var height = node.getAttribute("height");
node.setAttribute("width",width-10);
node.setAttribute("height",height-10);
}
</script>
</HEAD>
-----------------------
<BODY>
<button onclick="enlarge('image');return true;">放大</button><button onclick="shrink('image');return true;">缩小</button><br/><br/>
<img id="image" src="./image/image1.gif"><!--//换成你的图片路径-->
</BODY>
</HTML>
这样能勉强实现图片放大和缩小功能,但图片会失真。
还有一种就是显示不同的图片,来实现放大缩小的功能。就是点击放大按钮后就换一张同样内容的大图,点击缩小按钮换上一张同样内容的小图。这样实现不好的地方在于只有两个大小。
2、将图片存进数据库后,再取出来显示到jsp页面中
byte[] imageBytes = ............//从数据库里取出图片
OutputStream out = response.getOutputStream();
out.write(imageBytes);
out.flush();
out.close();
这段代码就可以将图片输出到jsp页面上。
分享到:
相关推荐
在Java Web开发中,处理图片的上传和下载是常见的需求,尤其...以上就是使用Java JSP处理图片上传下载的基本流程和关键知识点,希望对你的学习有所帮助。在实际操作中,不断实践和调试,你会对这些概念有更深入的理解。
在这个“jsp图片特效处理例子”中,我们将探讨如何利用JSP来实现图片的各种特效处理,如图片的上传、显示、缩放、旋转以及滤镜效果等。以下是一些相关的知识点: 1. **JSP基本语法**:JSP由静态HTML和动态Java代码...
5. **JSP处理图片数据**: - **页面设计**:包括上传页面、图片列表页面和图片显示页面。上传页面包含文件上传表单,图片列表页面列出已上传的图片,图片显示页面展示单张图片内容。 - **文件上传处理**:上传的...
"纯jsp处理文件上存"是指完全通过JavaServer Pages (JSP)技术来实现文件上传的功能,不依赖其他如Servlet或第三方库如Apache Commons FileUpload。下面将详细解释这一知识点。 首先,我们需要理解JSP的基本原理。...
在描述中提到,“jsp上传图片到数据库的列子,里面的带有文字的描叙,很清晰”,这意味着压缩包中的文档提供了步骤清晰的教程或案例研究,指导用户如何利用JSP处理图片上传并将其存储到数据库中。通常,这一过程包括...
3. 如果需要根据图片的不同来决定跳转的页面,可以在JSP中使用条件语句(如`<c:if>`标签,来自JSTL库)来处理。例如: ```html ${imagesList}"> ${image.fileName eq '1.bmp'}"> <a href="firstPage.jsp"> ${...
5. **js**:这个文件夹包含了JavaScript代码,很可能包含了图片轮播的控制逻辑,如定时器控制自动轮播,点击事件处理图片切换等。 6. **css**:CSS文件夹包含样式表,用于定义图片轮播的外观和布局,比如图片大小、...
总结来说,"ueditor上传图片jsp方式"项目是一个学习ueditor集成与图片上传功能的实例,涵盖了前端ueditor编辑器的使用,后端JSP处理图片上传请求,以及相关的安全性和配置知识。通过这个项目,开发者可以深入理解...
4. **Java后端处理**:在JSP中,如果需要动态生成或处理图片,我们可以使用Java的`javax.imageio.ImageIO`包来读取、修改和写入图片。例如,我们可以根据需求裁剪图片,生成不同尺寸的缩略图。 5. **响应式设计**:...
在JSP(JavaServer Pages)中,显示本地图片预览是一项常见的需求,特别是在网页开发中。JSP是一种基于Java的动态网页技术,它允许开发者在HTML、XML或其他标记语言中嵌入Java代码,以实现服务器端的数据处理和动态...
这个小例子可能包含了HTML、CSS和JavaScript的基础知识,以及JSP特有的语法和功能,如使用JSP标签库(Tag Libraries)或者自定义标签来处理图片的加载和滚动逻辑。 在实现这个功能时,开发者首先需要在服务器端创建...
【JSP项目素材与图片应用详解】 在Web开发领域,JSP(JavaServer Pages)是...了解如何在JSP项目中高效地处理图片,不仅有助于提高页面加载速度,还能让网站更具吸引力。因此,掌握这些知识点对于JSP开发者至关重要。
JSP 表单处理 JSP 表单处理是指在 JSP 编程中,通过设计网页上的表单,收集用户输入的数据信息,并对其进行处理的技术。本章节将详细介绍利用 JSP 的 Request 对象的 getParameter 方法来获取表单数据的方法,并对 ...
在IT行业中,尤其是在Web开发领域,图片...总的来说,JSP结合Java的图像处理库可以实现复杂的图片操作,包括旋转和缩放。通过理解上述知识点,并结合"ImageTrans"中的代码,开发者可以构建出满足需求的图片处理功能。
总结来说,"jsp+jspsmartupload控件上传图片至数据库"是一个典型的Web应用功能,涉及前后端交互、文件处理、数据库操作等多个环节。通过合理的架构设计和安全控制,可以实现稳定、高效且安全的图片上传功能。
JSP不直接支持图像处理,所以这部分通常通过Java代码完成,然后在JSP中调用。 3. **扭曲和噪点**:为了增加验证码的可读性挑战,通常会添加一些扭曲效果和随机噪点。这可以通过调整字符的位置、大小、颜色以及在...
在图片上传场景中,JSP页面通常作为用户界面,收集用户上传的图片,然后通过表单提交到Servlet进行处理。 1. **JSP代码**: JSP页面中,我们需要一个表单来让用户选择要上传的图片。表单需要设置`enctype=...
在IT领域,特别是Web开发中,图片上传是一个常见的功能需求,尤其在JSP(Java Server Pages)技术框架下实现这一功能具有重要意义。...总之,理解并熟练掌握这些API,将极大提升你在JSP项目中处理图片上传问题的能力。
用户选择图片后,表单会提交包含文件的数据到服务器,服务器端的JSP页面则负责接收并处理这些数据。 在这个实例中,提到了一个名为“cos.jar”的类库。这是China Online System的简写,是一个由Java编写的开源上传...
总的来说,"jsp项目——jsp图片小偷"是一个适合初学者的javaweb实践项目,它涉及了JSP页面的编写、图片的处理和展示,以及可能的文件操作。通过这个项目,学习者可以了解到如何在Web环境中构建一个交互式的图片管理...