尝试学习如何将图片从图片库加载到收藏视图

const express = require('express');
const app = express();

// 定义一个路由来处理图片加载请求
app.get('/images/:imageName', (req, res) => {
  const imageName = req.params.imageName;
  // 根据图片名称从图片库中获取图片的路径
  const imagePath = getImagePath(imageName);
  // 将图片发送给前端
  res.sendFile(imagePath);
});

// 启动服务器
app.listen(3000, () => {
  console.log('服务器已启动');
});

// 根据图片名称从图片库中获取图片的路径的逻辑
function getImagePath(imageName) {
  // 这里可以根据具体的图片库实现逻辑，例如从文件夹中读取图片或从数据库中查询图片路径
  // 返回图片的绝对路径
}

// 获取收藏视图的DOM元素
const collectionView = document.getElementById('collection-view');

// 发送请求获取图片并加载到收藏视图
function loadImages() {
  // 假设有一个图片名称列表
  const imageNames = ['image1.jpg', 'image2.jpg', 'image3.jpg'];

  imageNames.forEach(imageName => {
    // 创建一个<img>元素
    const imgElement = document.createElement('img');
    // 设置图片的src属性为后端提供的图片加载路由
    imgElement.src = `/images/${imageName}`;
    // 将<img>元素添加到收藏视图中
    collectionView.appendChild(imgElement);
  });
}

// 调用loadImages函数来加载图片
loadImages();