位置: 编程技术 - 正文

轻松创建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服务器及应用开发入门(零基础搭建直播室与云直播平台)

  • 企业缴纳所得税税率
  • 新公司开基本户银行选择
  • 其他应收款重分类
  • 小微企业的企业所得税税收优惠政策
  • 房产税房产原值包括地价吗
  • 公司偷税漏税是当事人责任大还是法人责任大
  • 社保多交了一份怎么办
  • 股东向公司借款需要股东会决议吗
  • 预付材料款的会计分录怎么写
  • 专用发票作废后怎么处理
  • 一般纳税人怎么交税
  • 维修材料费主要包括
  • 外地餐费计入什么账户
  • 资产负债表是一年一次吗
  • 财务报表批准日是哪一天
  • window10环境变量
  • 屏幕乱跳广告解决办法
  • 委托境外研发费用怎么扣除
  • .ini是什么类型文件?
  • php读取目录
  • 深入理解php内核
  • php图片拼接
  • 资产评估中折现怎么算
  • php的ajax
  • php读取文件内容
  • thinkPHP中_initialize方法实例分析
  • 基于Pytorch的风格转换
  • php windows
  • 代垫运费增值税计入销项税额吗
  • 帝国cms使用手册
  • 将织梦dedecms转换到wordpress
  • 坏账准备计入科目
  • 金融资产减值包括
  • 物业公司一般纳税人简易征收
  • 本年利润和利润分配属于什么账户
  • 居民和非居民企业的区别是什么
  • 自产产品用于业务招待费
  • 进出口 外汇
  • 供应商货款支付流程
  • 建设期贷款利息定义是什么
  • 车辆挂靠收取管理费怎么做账?
  • pe市盈率法
  • 进口关税如何记账
  • 员工用自己的钱买的材料如何做账
  • 银行回单可以跨年入账吗
  • 酒店营业额成本比例
  • 收到一笔财政局的付款
  • mysql必知必会 pdf完整版
  • mysql远程访问不了
  • Win10 64位正式版系统安装方法全过程图解(U大师)
  • vcspawn.exe
  • centos7配置ssh免密码登录
  • win7如何彻底删除软件
  • spamsub.exe - spamsub进程是什么文件
  • explorer.exe进程文件
  • win10怎么安装运行库
  • linux系统添加用户的命令
  • win8开机进不了桌面
  • win7系统开机后桌面黑屏
  • 安装linux系统步骤图解
  • win10 edge浏览器怎样添加信任站点
  • unity怎么bake
  • mac vscode opengl
  • js模拟touch
  • dos命令中运行文件的命令
  • dos跳转到指定目录
  • 批处理删除重复值
  • js中cookie的用法
  • jquery怎么实现单页面
  • 远程调用call
  • Unity GameObject.activeSelf, GameObject.activeInHierarchy,GameObject.SetActive和SetActiveRecursively
  • layui jquery事件失效
  • js的navigator
  • 江苏税务怎么登陆
  • 河北省地税网上缴费平台
  • 成都税务怎么查询社保缴费记录
  • 小规模公司每月0申报怎么操作
  • 一个公司怎么算利润
  • 形容有待完善的词语
  • 武汉市江汉区财政局这个单位的公务员待遇怎么样?
  • 免责声明:网站部分图片文字素材来源于网络,如有侵权,请及时告知,我们会第一时间删除,谢谢! 邮箱:opceo@qq.com

    鄂ICP备2023003026号

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

    友情链接: 武汉网站建设