这篇博客介绍了如何在前端使用Element-UI组件上传图片，通过Node.js Koa框架接收并存储到指定目录。文章详细讲解了前端的图片上传接口和文件校验，以及后端使用koa-formidable和fs模块处理图片的步骤。最后展示了上传前后的效果图。
最近做毕设，需要上传图片，因为在本地服务器运行，所以想着前端上传后，通过node服务器接收图片，存储在指定的目录下。
一、前端实现
1、前端的页面和上传图片是利用element-ui组件实现的，"/admin/userManager/uploadImg" 是上传图片接口，前端与后台对接的方式和其他接口一样，这里就不详讲了，代码如下所示
2、上传文件前校验的代码：
二、后台实现
1、因为node后台代码用的是koa框架，所以相对于用的文件模块是koa-formidable，同时要引入fs模块和path模块如下所示
2、利用fs模块和koa-formidable模块上传图片，并把图片内容移动指定的目录，代码如下：
最低0.47元/天 解锁文章
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
