轻松创建轻松创建nodejs服务器（服务器（10）：处理上传图片）：处理上传图片
本节我们将实现，用户上传图片，并将该图片在浏览器中显示出来。
这里我们要用到的外部模块是Felix Geisendörfer开发的node-formidable模块。它对解析上传的文件数据做了很好的抽象。
要安装这个外部模块，需在cmd下执行命令：
代码如下:
npm install formidable
如果输出类似的信息就代表安装成功了：
代码如下:
npm info build Success: formidable@1.0.14
安装成功后我们用request将其引入即可：
代码如下:
var formidable = require(“formidable”);
这里该模块做的就是将通过HTTP POST请求提交的表单，在Node.js中可以被解析。我们要做的就是创建一个新的
IncomingForm，它是对提交表单的抽象表示，之后，就可以用它解析request对象，获取表单中需要的数据字段。
本文案例的图片文件存储在 /tmp文件夹中。
我们先来解决一个问题：如何才能在浏览器中显示保存在本地硬盘中的文件？
我们使用fs模块来将文件读取到服务器中。
我们来添加/showURL的请求处理程序，该处理程序直接硬编码将文件/tmp/test.png内容展示到浏览器中。当然了，首先需要
将该图片保存到这个位置才行。
我们队requestHandlers.js进行一些修改：
代码如下:
var querystring = require(“querystring”),
fs = require(“fs”);
function start(response, postData) {
console.log(“Request handler ‘start’ was called.”);
var body = ‘<html>’+
‘<head>’+
‘<meta http-equiv=”Content-Type” ‘+
‘content=”text/html; charset=UTF-8″ />’+
‘</head>’+
‘<body>’+
‘<form action=”/upload” method=”post”>’+
‘<textarea name=”text” rows=”20″ cols=”60″></textarea>’+
‘<input type=”submit” value=”Submit text” />’+
‘</form>’+
‘</body>’+
‘</html>’;
response.writeHead(200, {“Content-Type”: “text/html”});
response.write(body);
response.end();
}
function upload(response, postData) {
console.log(“Request handler ‘upload’ was called.”);
response.writeHead(200, {“Content-Type”: “text/plain”});
response.write(“You’ve sent the text: “+ querystring.parse(postData).text);
response.end();
}
function show(response, postData) {
console.log(“Request handler ‘show’ was called.”);
fs.readFile(“/tmp/test.png”, “binary”, function(error, file) {
if(error) {
response.writeHead(500, {“Content-Type”: “text/plain”});
response.write(error + “”);
response.end();
} else {
response.writeHead(200, {“Content-Type”: “image/png”});
response.write(file, “binary”);
response.end();
}
});
资源评论
weixin_38739744
- 粉丝: 3
- 资源: 934
最新资源
- 基于HTML、CSS、JavaScript、PHP和Python技术的中餐学院教学平台设计源码
- 基于Java和JavaScript的EBuy电商平台设计源码
- 基于Vue框架的微信小程序售后端设计源码
- 基于Java和HTML的hrmos_api人事管理办公系统设计源码
- 基于COMSOL仿真模型的2.14MHz PZT压电换能器超声驻波操控细胞颗粒粒子排布形成直线的实验研究,COMSOL仿真模型：2.14MHz PZT压电换能器在超声波驻波场下细胞颗粒操纵及粒子排列分
- 基于SSM框架和多种前端技术的入校申报审批系统设计源码
- 基于TypeScript的gpt-react个人助理AI服务网站设计源码
- COMSOL电弧放电模型：磁流体方程模拟电弧放电现象的精确解析,电弧放电模拟的先进方法：COMSOL电弧放电模型磁流体方程的建模与运用,comsol电弧放电模型，采用磁流体方程模拟电弧放电现象 ,CO
- 基于TypeScript和Vue的免费桌面簿记软件设计源码
- 基于Vue框架的技师管理包设计源码
- “COMSOL多场多相介质耦合模型探究：水热渗流与细颗粒迁移在土石混合体中的综合研究”,COMSOL多场多相介质耦合模型探究：水热运移、冻胀与细颗粒迁移在土石混合体中的综合研究,comsol水蒸气增湿
- 基于Java的Struts表单校验设计源码
- MATLAB开发的平行泊车与垂直泊车程序代码详解：代码实现与说明文档一体化解决方案,基于MATLAB的平行泊车和垂直泊车程序代码及说明文档,平行泊车和垂直泊车的程序代码，基于MATLAB开发，包含代码
- 基于Vue框架的TypeScript物业管理平台设计源码
- FactoryIO码垛搬运仿真系统：1-5层自由增减，基于TIA Portal V16与结构化编程，适合初学者入门学习,FactoryIO码垛搬运仿真系统：1-5层自由增减，基于TIA Portal
- 基于HTML+CSS+TypeScript+JavaScript的heimaboss移动端招聘网页设计源码
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
