Jsp/Servlet:小结图片操作的一些代码

2007-02-25 11:51:55

　标签：代码图片　　　[推送到博客圈]

小结图片操作的一些代码

项目开发中，时常与图片打交道，这里总结一些有用的操作图片的代码。

@author:ZJ 07-2-24

Blog: http://zhangjunhd.blog.51cto.com/

1．利用servlet在网页上显示本地图片

示例：将本地硬盘d:\temp\1.gif显示在1.html页面上的指定位置。

Showimage.java

package com.zj.sample;

import java.io.FileInputStream;

import java.io.IOException;

import java.io.OutputStream;

import java.io.PrintWriter;

import javax.servlet.ServletException;

import javax.servlet.http.HttpServlet;

import javax.servlet.http.HttpServletRequest;

import javax.servlet.http.HttpServletResponse;

@SuppressWarnings("serial")

public class Showimage extends HttpServlet {

public void doGet(HttpServletRequest req, HttpServletResponse res)

throws ServletException, IOException {

try {

FileInputStream hFile = new FileInputStream("d:\\temp\\1.gif"); // 以byte流的方式打开文件d:\1.gif

int i = hFile.available(); // 得到文件大小

byte data[] = new byte[i];

hFile.read(data); // 读数据

hFile.close();

res.setContentType("image/*"); // 设置返回的文件类型

OutputStream toClient = res.getOutputStream(); // 得到向客户端输出二进制数据的对象

toClient.write(data); // 输出数据

toClient.close();

} catch (IOException e) {// 错误处理

PrintWriter toClient = res.getWriter(); // 得到向客户端输出文本的对象

res.setContentType("text/html;charset=gb2312");

toClient.write("无法打开图片!");

toClient.close();

}

1.html

在想要显示图片的位置加入此语句：

web.xml（注册此servlet）

<servlet-name>Showimg</servlet-name>

<servlet-class>com.zj.sample.Showimage</servlet-class>

</servlet>

<servlet-mapping>

<servlet-name>Showimg</servlet-name>

<url-pattern>/showimage</url-pattern>//对应<img src="showimage">

</servlet-mapping>

2．利用JavaScript显示给定网址的图片

javascript

function change(){

var str=msgContentImsPicUrl.value;

document.write('<img src="'+str+'">'); //对应2.html中name= msgContentImsPicUrl的文本框

}

</script>

2.html

<INPUT type=button size=60 value="OK" name=picSubmitUrl

onclick="change()">

<br>

3．利用JavaScript实现点击当前图片转换为另一张图片

3.html

（删除"http://blog.51cto.com/viewpic.php?refimg=" +）

<img src="http://www.baidu.com/img/logo.gif"

onclick=""http://blog.51cto.com/viewpic.php?refimg=" + this.src='http://www.google.cn/intl/zh-CN/images/logo_cn.gif'"

title="点我">

<br>

4．利用JavaScript实现在当前页面显示给定网址的图片（网页）

show.js

function pic() {

var myIframe = document.getElementById("myIframe");//对应4.jsp中的id=myIframe的iframe

var aim = url.value; //对应4.jsp中的name=url的文本框

myIframe.src = aim;

}

4.jsp

<html>

<body>

<br>

id="myIframe"></iframe>

</body>

</html>

本文出自 “子孑” 博客，请务必保留此出处http://zhangjunhd.blog.51cto.com/113473/18385

上一篇 Apache Commons fileUpload实现文件上传　　下一篇 XML定义语言

类别：WebDev ┆ 博客圈() ┆ 阅读() ┆ 评论() ┆推送到博客圈 ┆返回首页

相关文章

文章评论

小粉

2008-05-11 22:19:12

请问可以发代码给我吗谢谢！leofox1224@126.com
我要JSP写的，显示图片路径，假如我上传的文件在d:workplace/vacational/upload　文件夹里面，我想显示图片的路径然后把它拿出来。

zhangjunhd

2008-05-12 20:49:59

sorry,很久以前的东西,已经没有代码了

昵称：
验证码：		点击图片可刷新验证码　　博客过2级，无需填写验证码
内容：

子 孑

Jsp/Servlet:小结图片操作的一些代码

子孑