Express利用multer中间件实现文件上传并查看

这篇博客介绍了如何在Express应用中利用multer中间件进行文件上传,并详细阐述了multer的配置和使用,包括指定保存位置、允许上传的文件类型。同时,文章还展示了如何实现上传后查看图片的接口,强调了在前端请求时需要注意的事项。
摘要由CSDN通过智能技术生成
  • windows: c:\\user\\admin\\a.jpg

  • UI呈现(控制台的打印)

  • windows: c:\user\admin

  • API

  • 磁盘路径解析path.parse 得到一个对象

  • 片段合并 path.join 片段先后顺序不能更改

  • 魔术变量 _dirname node.js提供的一个全局变量 获取当前文件路径

  • 片段合并path.resolve 合并磁盘片段,从右到左找根路径,如果没有找到根,以当前文件路径为根路径

代码

//引入path系统mokuai

const path=require(‘path’)

let str=‘c:\windows\images\a.jpg’

// let str=‘windows/images/a.jpg’ 两种写法都可以

//1. 磁盘路径解析 path.parse 得到一个对象

console.log(path.parse(str))

/*

{

root: ‘c:\’, 盘符

dir: ‘c:\windows\images’, 目录

base: ‘a.jpg’, 文件名

ext: ‘.jpg’, 扩展名

name: ‘a’ 文件,不含扩展名

}

*/

console.log(path.parse(str

  • 22
    点赞
  • 29
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Express是一个流行的Node.js框架,用于构建Web应用程序。Multer是一个Express中间件,用于处理HTTP请求中的文件上传操作。 使用Multer可以轻松处理表单中的文件上传。它提供了一些功能,例如限制文件类型、文件大小和保存文件等。 在使用ExpressMulter时,你需要首先安装它们的npm包。可以通过以下命令安装: ``` npm install express multer ``` 然后,在你的Express应用程序中,导入这些模块并将其配置为中间件。下面是一个简单的示例: ```javascript const express = require('express'); const multer = require('multer'); // 创建Express应用程序 const app = express(); // 配置Multer中间件 const upload = multer({ dest: 'uploads/' }); // 定义文件上传路由 app.post('/upload', upload.single('file'), (req, res) => { // 处理上传的文件 console.log(req.file); // 上传的文件信息 res.send('File uploaded!'); }); // 启动服务器 app.listen(3000, () => { console.log('Server is listening on port 3000'); }); ``` 在上面的示例中,我们创建了一个Express应用程序,并将Multer配置为中间件。使用`upload.single`方法可以处理单个文件上传,其中`'file'`参数是表单字段的名称。 当客户端发送带有文件的POST请求到`/upload`路由时,中间件会将文件保存到指定的目录(在此示例中为`uploads/`),并将文件信息存储在`req.file`对象中。你可以根据需要进一步处理文件,例如将其移动到其他地方或将其保存到数据库中。 这只是一个简单的示例,你可以根据自己的需求进行更复杂的配置和处理。希望对你有所帮助!
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值