提问人：Michael Lugalia 提问时间：11/2/2023 最后编辑：dale landryMichael Lugalia 更新时间：11/2/2023 访问量：32
无法从 Mysql 检索图像以显示在 html 菜单部分
Cannot retrieve images from Mysql to show on html menu section
问：
我正在一个电子商务网站上工作，我无法显示 mysql 数据库中的图像以在我的 html 产品部分中呈现，作为编程新手，我希望以最简单的方式向我解释这一点，这是我的 html 循环，负责显示来自 mysql 的图像。
<div class="row special-list">
<% result.forEach(function(product) { %>
<div class="col-lg-3 col-md-6 special-grid best-seller">
<div class="products-single fix">
<div class="box-img-hover">
<div class="why-text">
<h4><%= product.name %></h4>
<h5>Ksh <%= product.price %>.00</h5>
<form id="add-to-cart-form-<%= product.id %>" class="add-to-cart-form" data-product-id="<%= product.id %>">
<input type="hidden" name="product_id" value="<%= product.id %>">
<input type="hidden" name="product_name" value="<%= product.name %>">
<input type="hidden" name="product_price" value="<%= product.price %>">
<input type="hidden" name="product_sale_price" value="<%= product.sale_price %>">
<input type="hidden" name="product_quantity" value="1" min="1">
<input type="hidden" name="product_image" value="<%= product.image %>">
<button type="button" class="btn btn-primary add-to-cart-button" data-product-id="<%= product.id %>">Add to Cart</button>
</form>
<div class="add-to-cart-success-message" style="display: none;">
Item added to the cart
</div>
</div>
<img src="/images/<%= product.image%>.jpg" alt="<%= product.name %>">
</div>
</div>
</div>
<% }); %>
</div>
我尝试将静态文件设置为使用服务器中的公共文件夹：
app.use(express.static(path.join(__dirname, 'public')));
这是我的图像托管的地方，这是我在 mysql 数据库中的链接：http://localhost/images/blog-img-02.jpg
答：
0赞
Nekkanti Chakradhar
11/2/2023
#1
确保数据库中的 product.image 字段包含完整的图片网址（例如 http://localhost/images/blog-img-02.jpg）。然后，在 HTML 中使用“ alt=”“>显示图像。这将直接使用存储在数据库中每个产品的图像 URL。
<div class="row special-list">
<% result.forEach(function(product) { %>
<div class="col-lg-3 col-md-6 special-grid best-seller">
<div class="products-single fix">
<div class="box-img-hover">
<div class="why-text">
<h4><%= product.name %></h4>
<h5>Ksh <%= product.price %>.00</h5>
<form id="add-to-cart-form-<%= product.id %>" class="add-to-cart-form" data-product-id="<%= product.id %>">
<!-- ... (your form inputs) ... -->
</form>
<div class="add-to-cart-success-message" style="display: none;">
Item added to the cart
</div>
</div>
<img src="<%= product.image %>" alt="<%= product.name %>">
<!-- Use the product.image directly as the image URL -->
</div>
</div>
</div>
<% }); %>
</div>
评论
0赞
Michael Lugalia
11/2/2023
这不就是我已经做过的吗？或者您的意思是我应该在 <img src=“/images/<%= product.image%>.jpg” alt=“<%= product.name %>”>中添加图像 URL？
评论