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

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

一、前端实现

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

0dc239a9a538af51b78c41e004c200a4.png

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

0e8393aed2411695068f28346de6f204.png

二、后台实现

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

4a5a93d86dcfc19d5611712fc7ce3fea.png

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

aa6d26044a39a8f10102e15dd142d3f1.png

5e97a40c5a3a411263cec96bde1ec9f1.png

f3c2880da4b0cbde30b88a0b93216a4b.png

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

907edbedb80c78e74fd0117a92d894c3.png           

3f4396b39e00f53492fb4d8ddb1a5fed.png

快速搭建vsftp 服务器并配置指定目录

1  搭建vsftp 服务器 前期准备: 1.用root 进入系统 2.使用命令 rpm  -qa|grep vsftpd 查看系统是否安装了ftp,若安装了vsftp,使用这个命令会在屏幕上显示vs ...

在Node.js中在保持目录结构的情况下压缩指定目录

最近在做一个文件升级的功能,需要从下载服务器中指定目录下的文件.在学习了zlib后发现这个模块达不到这个功能 在查找资料后发现后发现 archiver 模块很好用,不过我也发现大部分中文资料没有如果查 ...

获取小众ftp服务器指定目录内容列表

今天获取小众ftp服务器指定目录内容列表时费劲急了. ///parama url="ftp://x.x.x.x/dir_name" public string GetFTPDir( ...

linux下nginx服务器域名指定目录

一般,域名指定ip之后,需要在ip所在的机器去指定相应站点的目录,否则域名会不起作用: 下面说说linux下的nginx服务器指定目录的细节: 域名绑定目录的配置文件都放到这里: /usr/local ...

koa-static node服务器设置静态目录

最近毕设需要用到上传照片,但当node服务器成功获取前端传来的图片时,又不知道如何在页面获取服务器image目录下的图片,一直报以下错误: 问题主要是无法找到图片url,虽然可以一个个在app.js文 ...

python 实现统计ftp服务器指定目录下文件夹数目、文件数目及所有文件大小

本次主要为满足应用方核对上传到ftp服务器的文件是否缺漏. 主要要求:指定目录下,文件夹数目/文件数目/所有文件大小,类似Windows如下功能: 模块介绍: from ftplib import F ...

PHP遍历指定目录,并存储目录内所有文件属性信息

项目需要,需要写一个函数,能够遍历指定目录中的所有文件,而且这个目录中的子目录也要遍历.输出文件的属性信息,并存储. 想想需求,不就是一个ls -al命令吗,实现获取相关属性就好了,再加上一个遍历OK ...

socket实现两台FTP服务器指定目录下的文件转移(不依赖第三方jar包)

通过socket实现两台FTP服务器指定目录下的文件转移,其中包含了基础了ftp文件列表显示.上传和下载.这里仅供学习用,需掌握的点有socket.ftp命令.文件流读取转换等 完整代码如下: Ftp ...

php实现远程网络文件下载到服务器指定目录(方法一)

PHP实现远程网络文件下载到服务器指定目录(方法一) <?php function getFile($url, $save_dir = '', $filename = '', $type = 0 ...

随机推荐

JSP 原理

参考文献:http://www.cnblogs.com/xdp-gacl/p/3764991.html 一.什么是JSP? JSP全称是Java Server Pages,它和servle技术一样,都 ...

PHP中的include和require

1.include语句 使用include语句可以告诉PHP提取特定的文件,并载入它的全部内容 <?php inlude "fileinfo.php"; //此处添加其他代码 ...

AngularJS directive入门例子

这是这本书里面提供的一个例子: JS代码: var expanderModule=angular.module('expanderModule', []) expan ...

7款震撼人心的HTML5文字特效

1.CSS3五彩文字特效 文字带阴影效果 这是一款非常具有卡通形象的CSS3五彩文字特效,虽然没有迷人的动画效果,但是五彩缤纷的文字展现在屏幕上也是非常酷的,再加上每一个文字都有不同角度的阴影效果,加 ...

Centos——rpm和yum

间歇性的学习了centos的一些使用,发现一段时间不操作,就会忘掉其中的概念或者操作方式方法,于是在此总结一下. 一.问题描述 首先,把一个我最常忘记的概念性的东西在这里记录一下: 什么是yum,什么 ...

JavaScript高级程序设计22&period;pdf

操作节点 appendChild()用于向childNodes列表末尾添加一个节点,appendChild()返回新增的节点 var returnedNode=someNode.appendChild ...

敏捷开发松结对编程系列:L型代码结构案例StatusFiltersDropdownList(中)

这是松结对编程的第22篇(专栏目录). 接前文 业务代码 比较长,基本上就是看被注释隔开的三大段,先显示状态群筛选链接,然后是单个状态筛选,然后是显示下拉框的当前选中项,最后显示下拉框. public ...

西安Uber优步司机奖励政策(1月18日~1月24日)

滴快车单单2.5倍,注册地址:http://www.udache.com/ 如何注册Uber司机(全国版最新最详细注册流程)/月入2万/不用抢单:http://www.cnblogs.com/mfry ...

php防止SQL注入详解及防范

SQL 注入是PHP应用中最常见的漏洞之一.事实上令人惊奇的是,开发者要同时犯两个错误才会引发一个SQL注入漏洞一个是没有对输入的数据进行过滤(过滤输入),还有一个是没有对发送到数据库的数据进行转义( ...

SQL PLUS远程连接

http://blog.csdn.net/wildin/article/details/5850252 这篇文章无敌了. Oracle sqlplus添加历史记录功能: http://www.cnbl ...