首页 > Web开发 > 详细

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

时间:2019-04-14 10:25:59      阅读:158      评论:0      收藏:0      [点我收藏+]

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

一、前端实现

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

技术分享图片

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

技术分享图片

二、后台实现

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

技术分享图片

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

技术分享图片

技术分享图片

技术分享图片

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

技术分享图片           技术分享图片

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

原文:https://www.cnblogs.com/threepigs/p/10703689.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!