上传图片,通过node服务器存储在指定目录

时间:2021-12-20 12:26:39

  最近做毕设,需要上传图片,因为在本地服务器运行,所以想着前端上传后,通过node服务器接收图片,存储在指定的目录下。

一、前端实现

1、前端的页面和上传图片是利用element-ui组件实现的,"/admin/userManager/uploadImg" 是上传图片接口,前端与后台对接的方式和其他接口一样,这里就不详讲了,代码如下所示

上传图片,通过node服务器存储在指定目录

2、上传文件前校验的代码:

上传图片,通过node服务器存储在指定目录

二、后台实现

1、因为node后台代码用的是koa框架,所以相对于用的文件模块是koa-formidable,同时要引入fs模块和path模块如下所示

上传图片,通过node服务器存储在指定目录

2、利用fs模块和koa-formidable模块上传图片,并把图片内容移动指定的目录,代码如下:

上传图片,通过node服务器存储在指定目录

上传图片,通过node服务器存储在指定目录

上传图片,通过node服务器存储在指定目录

三、 效果图(左为上传前的照片,右为上传后的照片)

上传图片,通过node服务器存储在指定目录           上传图片,通过node服务器存储在指定目录