码迷,mamicode.com
首页 > Web开发 > 详细

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

时间:2019-04-14 10:03:58      阅读:267      评论:0      收藏:0      [点我收藏+]

标签:mil   info   页面   上传   效果   ida   上传图片   height   str   

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

一、前端实现

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

技术图片

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

技术图片

二、后台实现

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

技术图片

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

技术图片

技术图片

技术图片

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

技术图片           技术图片

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

标签:mil   info   页面   上传   效果   ida   上传图片   height   str   

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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!