最近要做个图片上传的需求，因为服务端春节请假回家还没来，所以就我自己先折腾了一下，大概做出来个效果，后台就用了nodejs，刚开始做的时候想网上找一下资料，发现大部分资料都是用node-formidable插件实现上传的。但是自己又想手动实现一下，所以就开始折腾了。写此博文也就是做个记录。
先大概整理一下整个思路，自己想要实现的效果是能够在页面上无刷新上传一个图片并且显示（后来做着做着就变成所有文件的上传了，不过都一个样）。
在前端部分，想要无刷新首先想到的是ajax，但是ajax无法上传文件，所以还是老老实实用form上传，如果用form的话又要保证页面无刷新，那就使用iframe来实现了。所以前端需要两个页面，一个用户操作页面index.html为主页面，还有一个是专门用来上传的页面upload.html，html如下：
index.html: <body> 您上传的东西为：<br><br> <div class="data"> (无) </div> <br> <button class="choose">上传东西</button> <iframe src="upl" frameborder="0" id="upl"></iframe> </body> upload.html: <body> <form action="/upload" method=post enctype="multipart/form-data" accept-charset="utf-8"> <input type="file" id="data" name="data" /> <input type="submit" value="上传" id="sub"/> </form> </body>