利用javaIO读取图片并显示到页面上-优快云博客

本文介绍了一个使用Struts框架展示服务器上图片的具体实现方式，包括如何通过Java IO操作读取图片并将其发送到客户端的过程。同时展示了相关的HTML页面及JavaScript代码。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

package imagetest;

import java.io.FileInputStream;
import java.io.IOException;
import java.io.OutputStream;
import java.io.PrintWriter;

import javax.servlet.http.HttpServletRequest;
import javax.servlet.http.HttpServletResponse;

import org.apache.struts.action.Action;
import org.apache.struts.action.ActionForm;
import org.apache.struts.action.ActionForward;
import org.apache.struts.action.ActionMapping;

public class RenyuanImageWebAction extends Action{

public ActionForward execute(ActionMapping mapping,ActionForm form,HttpServletRequest request,HttpServletResponse response)
{
try {
// fileImage 为服务器存储的实际路径如 c:\aa\bb.jpg
String fileImage = "D:\\upload\\quality\\200706\\11822406306710.jpg";
FileInputStream hFile = new FileInputStream(fileImage); // 以byte流的方式打开文件 // d:\1.gif
int i = hFile.available(); // 得到文件大小
byte data[] = new byte[i];
hFile.read(data); // 读数据
hFile.close();
response.setContentType("image/*"); // 设置返回的文件类型
OutputStream toClient = response.getOutputStream(); // 得到向客户端输出二进制数据的对象
toClient.write(data); // 输出数据
toClient.close();
} catch (IOException e) // 错误处理
{
PrintWriter toClient;
try {
// 得到向客户端输出文本的对象
toClient = response.getWriter();
response.setContentType("text/html;charset=gb2312");
toClient.write("无法打开图片!");
toClient.close();
} catch (IOException e1) {
e1.printStackTrace();
}

}
return null;
}
}

////////////////////////
页面 html
<img id = "renyuanImage" src = "">
页面javascript
function a()
{
document.getElementById("renyuanImage").src = "<%=path%>"+"/renyuanImage.do";
document.getElementById("xx").style.display = "inline";
var ev=window.event;
var xxx=ev.clientX + document.body.scrollLeft - document.body.clientLeft;
var yyy=ev.clientY + document.body.scrollTop - document.body.clientTop;

document.getElementById("xx").style.left=xxx;
document.getElementById("xx").style.top=yyy;
}

function b()
{
document.getElementById("renyuanImage").src = "";
document.getElementById("xx").style.display = "none";
}