javascript - 如何循环访问存储在mysql中的用户图库图片

Question

我有下表照片，用户根据其 user_id 存储一堆图像。

id:1 |用户照片:图像1 |用户 ID:3

id:2 |用户照片:图像2 |用户 ID:3

id:3 |用户照片:图像3 |用户 ID:3

id:4 |用户照片:图像4 |用户 ID:2

如何取出 user_id 3 数据并将其显示在图像标签中以显示该用户的 3 张图片。

后端数据库代码

let select_photos_sql = "SELECT * FROM photos WHERE user_id = ?";
 mysql_connection.query(select_photos_sql, [session_id], function (error, 
rows) {
if(error){
    res.send("An error has occurred, please try again later.");
} else {

    if(rows.length > 0){ 

        var photos_arr = [];
        var photo_count = 0;
        rows.forEach(function (row) {

            let photos = row.user_photos;

            console.log(photos);
            photos_arr.push(photos);
            photo_count = photo_count+1;
        });
        if (photo_count == rows.length) {
            res.render("user_photos", {photos: photos_arr});
        }

    } else {
        res.send("No photos found.");
    }
}
});

上面的代码将用户数据放入数组中... [图像，图像，图像]。这没有用，因为当我尝试将其放入图像标签时，以下结果将导致...图像 src =“图像，图像，图像”。如何单独显示。我期待 3 个图像标签。

用户照片.ejs

<% for(let i = 0; i < photos.length; i++){ %>
        <img src="<%= photos %>" alt="">
    <% } %>

由于该特定用户有 3 个不同的图像，因此我想查看与该用户对应的 3 个不同的图像标签。我感谢大家的帮助。谢谢!

Answer 1

在 src 属性中，您传递整个数组。您可以在下面找到一个示例，说明应该如何使用 for of 循环而不是经典循环。

<% for(let photo of photos){ %>
     <img src="<%= photo %>" alt="">
 <% } %>