位置: 编程技术 - 正文

轻松创建nodejs服务器(10):处理上传图片(node创建服务)

编辑:rootadmin

推荐整理分享轻松创建nodejs服务器(10):处理上传图片(node创建服务),希望有所帮助,仅作参考,欢迎阅读内容。

文章相关热门搜索词:node.js怎么创建js文件,搭建nodejs,node.js创建服务,node创建服务,node创建服务器的方式,如何创建node项目,如何使用nodejs创建web服务器,创建nodejs项目的步骤,内容如对您有帮助,希望把文章链接给更多的朋友!

本节我们将实现,用户上传图片,并将该图片在浏览器中显示出来。

这里我们要用到的外部模块是Felix Geisendörfer开发的node-formidable模块。它对解析上传的文件数据做了很好的抽象。

要安装这个外部模块,需在cmd下执行命令:如果输出类似的信息就代表安装成功了:安装成功后我们用request将其引入即可:这里该模块做的就是将通过HTTP POST请求提交的表单,在Node.js中可以被解析。我们要做的就是创建一个新的IncomingForm,它是对提交表单的抽象表示,之后,就可以用它解析request对象,获取表单中需要的数据字段。

本文案例的图片文件存储在 /tmp文件夹中。

我们先来解决一个问题:如何才能在浏览器中显示保存在本地硬盘中的文件?

我们使用fs模块来将文件读取到服务器中。

我们来添加/showURL的请求处理程序,该处理程序直接硬编码将文件/tmp/test.png内容展示到浏览器中。当然了,首先需要将该图片保存到这个位置才行。

我们队requestHandlers.js进行一些修改:

我们还需要将这新的请求处理程序,添加到index.js中的路由映射表中:

重启服务器之后,通过访问 在/start表单中添加一个文件上传元素

&#; 将node-formidable整合到我们的upload请求处理程序中,用于将上传的图片保存到/tmp/test.png

&#; 将上传的图片内嵌到/uploadURL输出的HTML中

轻松创建nodejs服务器(10):处理上传图片(node创建服务)

第一项很简单。只需要在HTML表单中,添加一个multipart/form-data的编码类型,移除此前的文本区,添加一个文件上传组件,并将提交按钮的文案改为“Upload file”即可。 如下requestHandler.js所示:

接下来,我们要完成第二步,我们从server.js开始 —— 移除对postData的处理以及request.setEncoding (这部分node-formidable自身会处理),转而采用将request对象传递给请求路由的方式:

接下来修改router.js,这次要传递request对象:

现在,request对象就可以在我们的upload请求处理程序中使用了。node-formidable会处理将上传的文件保存到本地/tmp目录中,而我们需

要做的是确保该文件保存成/tmp/test.png。

接下来,我们把处理文件上传以及重命名的操作放到一起,如下requestHandlers.js所示:

做到这里,我们的服务器就全部完成了。

在执行图片上传的过程中,有的人可能会遇到这样的问题:

照成这个问题的原因我猜测是由于磁盘分区导致的,要解决这个问题就需要改变formidable的默认零时文件夹路径,保证和目标目录处于同一个磁盘分区。

我们找到requestHandlers.js的 upload函数,将它做一些修改:

我们增加了一句 form.uploadDir = “tmp”,现在重启服务器,再执行上传操作,问题完美解决。

零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门 本文改自非鱼的《【翻译】前端开发人员入门指南,从零开始搭建Node.js,Express,Jade,Mongodb服务器》,之所以把Jade换成Ejs,是因为我觉得ejs更符合WEB编程人

nodejs中操作mysql数据库示例 引言:继前面的NodeJS的Hello,World!我们还可以看到其他强大之处,NodeJS现在社区的火热,以及大批工程师对它的支持之下,现在已经陆续的引出了大量的

Node.js中调用mysql存储过程示例 例子仅在windows下测试通过,没有放在linux下测试。如有问题,可以电邮给我~1、安装node.js、mysql,此处略(自行搜索吧)…;2、创建一个名为test的数据

标签: node创建服务

本文链接地址:https://www.jiuchutong.com/biancheng/374205.html 转载请保留说明!

上一篇:轻松创建nodejs服务器(10):处理POST请求(nodejs创建vue)

下一篇:零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门(零基础搭建直播室与云直播平台)

  • 税务清算需要什么条件
  • 计提增值税及附加税费怎么算
  • 预计净残值和残值
  • 配件和修理费能一起用吗
  • 资产处置损益属于当期损益吗
  • 12月工资1月发个税怎么算
  • 缴注册印花税怎么做账
  • 缴纳销项税额要交税吗
  • 韩国购物小票怎么看图解
  • 劳保如何入账
  • 研究开发费用的归集
  • 会计核算过程中的计量尺度通常有
  • 收到股东增资款账务处理怎么做账
  • 屋面维修按定额预算明细表
  • 企业计提长期借款的利息
  • 建筑业如何开票
  • 清包工如何纳税
  • 营改增的作用
  • 一般纳税人简易征收范围
  • 生产成本的工料有哪些
  • 产品检测步骤
  • 业务员报销清单表
  • 其他权益工具投资公允价值变动怎么计算
  • 商业意外险进项可以抵扣吗
  • linux源码安装软件的方法介绍
  • 坏账损失可以做销项税转出吗
  • 多源传感器融合
  • 2021前端面试题目100及最佳答案
  • 固定资产改造后如何计提折旧
  • 用交易所转付货款怎么转
  • PHP:imagecolorset()的用法_GD库图像处理函数
  • 破产企业有清算费用吗
  • 一搬纳税人
  • 建筑工程增值税怎么算
  • 无纸化办理
  • 前端开发软件哪个最好
  • php判断是否为字母
  • 支付货物运费计入什么科目
  • 小规模企业利息收入要交税吗
  • 增值税进项加计抵减账务处理
  • python爬虫入门教程
  • 帝国cms使用手册
  • 帝国cms获取当日发布的url链接
  • 残保基金什么时候申报
  • 公司个人所得税申报操作流程
  • 发票金额大于付款金额怎么写说明
  • 个人独资企业是小规模纳税人吗
  • 原材料的帐务处理
  • 公司厨房用具
  • 以旧换新价格怎么确认
  • 竣工结算的审核要点
  • 预计负债初始计量的最佳估计数的确定
  • insert into tbl() select * from tb2中加入多个条件
  • mysql的基本操作语句
  • windows下修改uuid的工具
  • windows版微信能运行小程序吗
  • 修改window
  • centos7怎么查看进程名称吗
  • ubuntu zen3
  • 如何调整心态和正确处理情绪
  • Win7摄像头怎么打开
  • linux系统怎么维护
  • Windows XP Vista 2006 简体中文版下载
  • w10操作系统内部版本
  • opengl裁剪平面
  • linux那么多命令怎么记
  • Web Inspector:关于在 Sublime Text 中调试Js的介绍
  • linux中unzip解压完看不到文件
  • 用shell脚本创建用户
  • flappy bird攻略
  • 前端闭包函数
  • base adk
  • android软件开发实例
  • 济南市中区税务局办税大厅
  • 公租房要钱吗
  • 留抵税额退税政策2022
  • 买二套房契税可退税吗
  • 北京朝阳区电话区号是多少?
  • 大专学费减免多少
  • 耕地占用税和契税
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

    网站地图: 企业信息 工商信息 财税知识 网络常识 编程技术

    友情链接: 武汉网站建设