gpt4 book ai didi

java - 如何在 JSP 中动态检索和显示图像?

转载 作者:行者123 更新时间:2023-12-02 10:50:42 25 4
gpt4 key购买 nike

我正在开发一个电子商务项目,使用Java ServletJSP。然而,当我从数据库检索产品图像到网页时,我陷入了困境。我的数据访问层返回包含缓冲图像数组的产品对象。问题是我无法在 img 标签中显示这些图像。注意:我已经测试了数据访问层并且它工作正常。这是product.jsp的代码,其中应该显示产品信息:

    <%@ page language="java" contentType="text/html; charset=UTF-8"
pageEncoding="UTF-8"%>
<%@ page import= "java.util.ArrayList, com.ecommerce.models.*, com.ecommerce.dao.*, org.apache.taglibs.standard.*, java.awt.image.BufferedImage"%>
<!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/html; charset=UTF-8">
<script data-require="jquery@3.1.1" data-semver="3.1.1" src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.1/jquery.min.js"></script>
<script src="script.js"></script>

<link rel="stylesheet" type="text/css" href="styles/normalize.css">
<link rel="stylesheet" type="text/css" href="styles/product.css">
<link rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link
href='http://fonts.googleapis.com/css?family=Lato:100,300,400,300italic'
rel='stylesheet' type='text/css'>

<title>Product-name</title>
</head>
<body>

<%
Product product = (Product) session.getAttribute("product");
ImageDAO imagedao = new ImageDAO();
ArrayList<BufferedImage> images = imagedao.getImages(product.getId());

%>
<div class="topnav">
<a href="#"><img class="cart-icon" src="images/shopping-cart.png"></a>
<img class="logo" src="images/logo.png" alt="Fashion Station Logo">
</div>

<div class="product-box">
<div class="img-view">
<img class="product-img" src="#">
<img class="product-img" src="#">
</div>

<h3>Product Name</h3>


<div class="quantity buttons_added">
<label>Quantity</label>
<input type="button" value="-" class="minus"><input type="number" step="1" min="1" max="" name="quantity" value="1" title="Qty" class="input-text qty text" size="4" pattern="" inputmode=""><input type="button" value="+" class="plus">
</div>
<h4>Price: $99</h4>
<button class="btn">Add to cart</button>



<div class="description-box">
<h3>Description</h3>
<p>Introducing our Blood Sugar Palette from the Love Sick Collection!

Featuring 18 striking eyeshadows and pressed-pigments. This palette is serving three luxurious formulas: matte, metallic and pressed glitter. This palette is not for the faint of heart! A luxurious red faux leather finish with a metal clasp.

SHADE NAMES
Row 1: Glucose, Sugarcane, Cake Mix, Ouch, Donor, Intravenous
Row 2: Candy Floss, Tongue Pop, Sweetener, Cavity, O Positive, Root Canal
Row 3: Prick, Cherry Soda, Fresh Meat, Blood Sugar, Extraction, Coma

One of a kind. Extreme payoff.
*VEGAN. CRUELTY-FREE.
</p>
</div>
</body>
</html>

最佳答案

您可以在页面加载时使用 JQuery 来尝试渲染图像。

我会将 id 分配给图像标签(例如 img1 和 img2),即

<img id="img1" class="product-img" src="">
<img id="img2" class="product-img" src="">

然后做类似的事情:

$("#img1").attr("src",images[0]);
$("#img2").attr("src",images[1]);

关于java - 如何在 JSP 中动态检索和显示图像?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/52201315/

25 4 0
Copyright 2021 - 2024 cfsdn All Rights Reserved 蜀ICP备2022000587号
广告合作:1813099741@qq.com 6ren.com