“多读书多看报,少看视频多睡觉。”在2015年即将结束之际,我把这句话作为我2016年的个人签名,希望它能时刻提醒我自己应该去好好读书,查漏补缺,充实自己,遇到不清楚的漏洞就努力去弄懂弄通。

  在web开发的过程中,我发现我对客户端服务器的知识掌握还欠火候,虽然之前用socket.io写了一个多人聊天窗口,但是我竟然天真的以为nodejs就是配置个package.json文件,然后再命令行里执行npm install就OK了,简直是“无鞋”。所以我觉得我有必要去好好看看http的工作原理和nodejs的应用了,本篇博客将持续更新我关于这方面学习的知识整理。

-----------------------------------------------------------------------------------------------------------------------

  当当当,事隔好久,九月(我的博客名)来继续更新了,我想说我从来没有忘记我说过的话,只是尘世多诱惑,我只是个凡人,悲哉悲哉~~好了,废话不多说,赶紧进入正题[我可是在15年的最后一天上班的最后2小时里,用生命在拼命地赶紧写哇!]

  前几天,接收同事一个项目,增加一个需求然后改改bug,然后九月我就懵了,真的懵了,心里一群有一群羊驼奔过,因为我只是个小小实习生,我都不会nodejs,可是我们的项目高大上的运用了各种先进技术,关键是还是人家写的,苦命的我光看懂人家的代码就要了半条命,当然我吐槽得有点过了哈,我的师父可是相当的好的,随时答疑,师父说了,让你接手这个项目呢是一种在压力下的历练,没有压力就没有动力嘛,嗯~~师父说得好!小伙伴们也是哦,不要怕不会,学嘛!于是乎在项目差不多完工,我又闲下来的时候,我又看了一遍《nodejs入门》http://www.nodebeginner.org/index-zh-cn.html?utm_source=ourjs.com,不能不说果然是“每次都有新体验”。

  我就详细说说我在边看边练的过程中遇到的问题吧,这些问题其实上网搜搜就有,因为这本入门教材真的非常好,感觉大家入门时好像都会像我一样跟着练习,于是前人们早已把树栽好了,当然我要做的就是把前人们栽的树都聚集到一起,供大家和自己反思总结。我就说最终版例子哦。

  一、提交表单的HTML代码,表单属性必须是enctype="multipart/form-data"才可以上传文件的

在这里给大家普及一下enctype这个属性,这个属性管理的是表单的MIME编码,共有三个值可选: ①application/x-www-form-urlencoded (默认值) ②multipart/form-data ③text/plain

其中①application/x-www-form-urlencoded是默认值,大家可能在AJAX里见过这个:xmlHttp.setRequestHeader("Content-Type","application/x-www-form-urlencoded"); 这两个要做的是同一件事情,就是设置表单传输的编码。在AJAX里不写有可能会报错,但是在HTML的form表单里是可以不写enctype="application/x-www-form-urlencoded"的,因为默认HTML表单就是这种传输编码类型。而②multipart-form-data是用来指定传输数据的特殊类型的,主要就是我们上传的非文本的内容,比如图片或者mp3等等。③text/plain是纯文本传输的意思,在发送邮件时要设置这种编码类型,否则会出现接收时编码混乱的问题,网络上经常拿text/plain和text/html做比较,其实这两个很好区分,前者用来传输纯文本文件,后者则是传递html代码的编码类型,在发送头文件时才用得上。①和③都不能用于上传文件,只有multipart/form-data才能完整的传递文件数据。

其实form表单在你不写enctype属性时,也默认为其添加了enctype属性值,默认值是enctype="application/x-www-form-urlencoded".

二、例子里的上传用的nodejs插件formidable,结果报了这样一个错

根据错误日志肯定是在使用fs API时的错误,百度之后发现有前人已经解决了这个问题,具体解决方法是:

因为涉及到文件移动和复制,特别是跨磁盘的操作所以会报错。最后upload处要做一些小小的修改,原来写的是:

fs.renameSync(files.upload.path, "\tmp\test.png");

要改成:

var is = fs.createReadStream(files.upload.path);
var os = fs.createWriteStream("\tmp\test.png");
is.pipe(os);
is.on('end',function(){
fs.unlinkSync(files.upload.path);
});

于是问题就愉快地解决了。

三、我还想说说关于pathname也就是路径的问题,如果按上面那样写的话,路径就是绝对路径,在磁盘的根目录下,所以如果我们想用相对路径的话,可以

  1、在项目根目录下建一个目录upload,然后把加一段代码:form.uploadDir='upload';,然后路径都写成('upload\test.png')

  2、用__dirname属性

四、在文件requestHandler.js中

form.parse(request, function(error, fields, files) {
// 这里要先判断一下error,否则后面有可能产生“莫名其妙”的错误
if (error) throw error;
// ...
});

好了,遇到的主要问题也就这么几个吧。

这样算是入门了吧,不过还有好些问题需要再去涉及和研究,近期打算看慕课网的教程http://www.imooc.com/learn/348

相关参考:https://cnodejs.org/topic/5039f346f767cc9a51fe1ab7

    http://www.zgguan.com/doc/w3c/tags/att_form_enctype.asp.htm

最后,在新的一年里,希望我们大家都Good Good study,Day Day up!

nodejs笔记的更多相关文章

  1. nodejs 笔记

    安装环境----------------------------------------------------------------1,安装nodejs 起步------------------- ...

  2. 【nodejs笔记1】配置webstorm + node.js +express + mongodb开发博客的环境

    1. 安装webstorm 并破解 2. 安装node (以及express框架) 至官网下载并安装.(http://nodejs.org)v0.10.32   msi  安装后测试,打开命令行, c ...

  3. Nodejs笔记(二)

    Nodejs事件 Node.js 所有的异步I/O 操作在完成时都会发送一个事件到事件队列. Node.js里面的许多对象都会分发事件:一个net.Server对象会在每次有新连接时分发一个事件, 一 ...

  4. nodejs笔记四--创建一个最简单的 express 应用

    express 是 Node.js 应用最广泛的 web 框架,利用 express 可以实现很多的web应用:首先需要需要得到一个express. 新建一个文件夹叫lesson1,进去里面安装 ex ...

  5. NodeJS笔记(六)-Express HTTP服务器启动后如何关闭

    npm start启动网站,提示“3000”端口已经被使用的问题 nodejs WEB服务器并不随着cmd的关闭而终止 查看任务管理器可以看到nodejs的启动进程 可以手动关闭 如果是一直处于cmd ...

  6. NodeJS笔记(五) 使用React Native 创建第一个 Android APP

    参考:原文地址 几个月前官方推出了快速创建工具包,由于对React Native不熟悉这里直接使用这2个工具包进行创建 1. create-react-native-app(下文简称CRNA): 2. ...

  7. nodejs笔记之流(stream)

    nodejs的stream有四种流类型: 可读:Readable可写:Writable可读可写:Duplex操作被写入数据,然后读出结果:Transform常用事件:data:有数据可读时触发end: ...

  8. NodeJS笔记(三)-创建第一个NodeJS web项目 Express

    参考:Express的安装 先创建一个文件夹专门存放NodeJS项目,这里以“E:\NodeJSProject”为例 CMD指向该目录 执行以下命名 mkdir expressdemo cd expr ...

  9. NodeJS笔记(二)- 修改模块默认保存路径

    参考:nodejs prefix(全局)和cache(缓存)windows下设置 假设nodejs根目录为“D:\nodejs” 如下所示,新建“node_cache”文件夹用来存放全局缓存 该路径下 ...

随机推荐

  1. 使用Qt5.7.0 VS2015版本生成兼容XP的可执行程序 good(从VS2012 update1开始支持xp和c++11)

    一.直接使用VS2012/VS2013/VS2015生成XP兼容的可执行程序 Visual Studio刚发布时没打补丁,称为RTM版,之后会陆续发布补丁,进行bug修复和功能增强.VS2010及之前 ...

  2. vue-router 创建 vue 单页应用示例

    <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8&quo ...

  3. 设置默认访问项目的客户端的浏览器版本(IE版本)

    在项目开发部署中,发现浏览器不兼容现象,在不处理兼容性情况下让用户更好体验(IE浏览器) 我们来设置客户端默认访问项目的浏览器版本 如下所示的是不同IE版本下的效果截图比较: IE5.IE6下: IE ...

  4. Json与常见的类型之间的转换

    常用的json list转json List list=new ArrayList(); list.add("1"); list.add("2"); JsonA ...

  5. JMeter学习-037-JMeter调试工具之四-BeanShell+jmeter.log

    前面三篇文章分别讲述了 HTTP Mirror Server . Debug PostProcessor 和 Debug Samper 的脚本调试实例.此文主要讲述第四种调试方法,通过 BeanShe ...

  6. Swift: 在Swift中桥接OC文件(自己创建的类文件、第三方库文件)

    一.介绍 随着Swift的逐渐成熟,使用swift开发或者混合开发已经成为了一个趋势,本身苹果公司也十分推荐使用Swift这门新语言.目前Swift已经更新到了3.0,估计没有多久4.0就要出来了.那 ...

  7. 选择App开发外包时,你该了解哪些法律常识?

    随着App需求的激增,选择App外包服务的客户也多了起来.然而客户和开发方对于其中的法律条款却不甚了解,导致在服务过程中,时常会发生一些分歧和纠纷,最终致使项目搁浅. 为了普及App外包的法律常识,移 ...

  8. 使用CXF框架集成Spring实现SOAP Web Service

  9. LuaSrcDiet工具介绍(lua源码处理软件)

    Diet Food Diet (nutrition), the sum of the food consumed by an organism or group Dieting, the delibe ...

  10. UE4入门与精通

    由于目前在使用UE4引擎,多少也有一些心得,比如在日常使用中会遇到一些问题.坑(潜规则)或者一些使用技巧等.本人决定开一个大坑,主要有两个目的:一是可以自己做个记录,二是可以给大家提供一些参考吧.主要 ...