Ajax从数据库里边取图片.动态在浏览器显示出来怎么实现?

Ajax从数据库里边取图片.动态在浏览器显示出来怎么实现?,第1张

通过ajax获得图片路径后,动态的将某个<img标签的src设置成图片路径即可。示例代码:通过ajax获得图片路径为“/imags/helo.jsp”将图片显示在浏览器中:document.getElementById("img1").src = "/images/hello.jpg"

这是一个JSP显示图片的页面内容

<%@ page language="java" contentType="text/htmlcharset=utf-8"

pageEncoding="utf-8"%>

<%@ page import="login.Login,java.sql.*,java.io.*" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">

<html>

<head>

<meta http-equiv="Content-Type" content="text/htmlcharset=utf-8">

<title>Insert title here</title>

</head>

<body>

<%

String workno = request.getParameter("workno")

Login login = new Login()

Connection con = login.conn()

Statement stmt=con.createStatement()

ResultSet rs=null

String sql = "select photo from rs_photo WHERE workno='"+workno+"'" //要执行查询的SQL语句

rs=stmt.executeQuery(sql)

while(rs.next()) {

ServletOutputStream sout = response.getOutputStream() //图片输出的输出流

InputStream in = rs.getBinaryStream(1)

byte b[] = new byte[0x7a120]

for(int i = in.read(b)i != -1) {

sout.write(b) //将缓冲区的输入输出到页面

//in.read(b)

}

sout.flush() //输入完毕,清除缓冲

sout.close()

}

%>

</body>

</html>

现在你可以在你原始的页面上判断workno是否为空,不为空时就window.open()打开这个页面,就可以把图片显示出来了

不管后台用什么,大概的逻辑思路就是,当编号的那个框失去焦点时,使用ajax请求后台程序,后台程序去数据库中查询,将结果返回给ajax请求的接收程序,再将结果放到该放的地方

思路就这样,其他的技术性问题,如果你知道,就很容易,你要是不知道,你先去学习吧


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/sjk/9729731.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-01
下一篇 2023-05-01

发表评论

登录后才能评论

评论列表(0条)

保存