JS部分：
const express=require('express');
const router=express.Router();
const multer=require('multer');
const fs=require('fs');
const upload=multer({
dest:'imgupload'
});
const single=upload.single('img');//img---html文件中input的name属性名
const arr=[];
// http://localhost:3000/14-2 浏览器访问路径
router.get('/',function (req,res){
res.render('14-2ejs',{list:arr})
});
router.get('/img/:imgname',function (req,res){
console.log(req.params.imgname); //测试1
const rs=fs.createReadStream('imgupload/'+req.params.imgname);//获取图片的文件名
rs.pipe(res);
})
router.post('/imgup',single,function(req,res){//imgup---html文件中form表单的action路径
arr.push(req.file);
console.log(req.file); //测试1
res.redirect('back');//返回到当前页面
})
router.post("/xhrup",single,function (req,res) {
res.send(req.file);
})
module.exports=router;
EJS部分：
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head&
本文分享了在使用Express框架时处理图片路径的经验与心得，探讨了如何正确配置和引用静态资源，确保图片正常显示的问题。
最低0.47元/天 解锁文章
扫一扫
1489
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
