最近在写一个tornado 与 angularJS 搭建的一个web项目，刚实现了一个图片上传功能，还比较简陋，简单的在这做个笔记。

首先，前端通过angular提交文件：

//upload.html
<input type="file" name="file"
       onchange="angular.element(this).scope().uploadFile(this.files)"/>
//upload.js
$scope.uploadFile = function (files) {
  var fd = new FormData();
  fd.append("file", files[0]);
  $http.post("/api/upload", fd, {
    withCredentials: true,
    headers: {'Content-Type': undefined},
    transformRequest: angular.identity
  }).success(function (data) {
       console.log("do something");
  });
};

只贴了上传文件的部分代码，controller就不在此赘述了。

然后，通过tornado接收表单文件并保存图片：

DIR = "/upload/media/"
class UploadHandle(tornado.web.RequestHandler):
     def post(self, *args, **kwargs):
        fileinfo = self.request.files["file"][0]
        fname = fileinfo['filename']
        cname = DIR + "test" +"."+fname.split(".")[-1]
        fh = open(cname, 'w')
        fh.write(fileinfo['body'])
        self.finish("success")