后端读取u文件夹中的图片并返回给前端
时间: 2024-05-04 18:15:32 浏览: 88
首先,需要用到后端的文件读取模块,如Node.js中的fs模块。
1. 读取文件夹中所有图片
```javascript
const fs = require('fs');
// 读取u文件夹中所有文件
fs.readdir('u', (err, files) => {
if (err) throw err;
// 过滤出所有图片
const images = files.filter(file => /\.(jpg|jpeg|png|gif)$/.test(file));
console.log(images); // ['image1.jpg', 'image2.png', ...]
});
```
2. 返回单个图片给前端
```javascript
const http = require('http');
const fs = require('fs');
http.createServer((req, res) => {
// 获取图片路径
const imagePath = 'u/image1.jpg';
// 读取图片
fs.readFile(imagePath, (err, data) => {
if (err) throw err;
// 设置响应头
res.writeHead(200, { 'Content-Type': 'image/jpeg' });
// 返回图片数据
res.end(data);
});
}).listen(8080);
```
这里使用Node.js的http模块创建一个简单的服务器,当请求到来时,读取图片文件并将其作为响应返回。需要根据实际情况设置响应头中的Content-Type属性。
阅读全文
相关推荐


















