Angularjs+Nodejs图片上传

 1 //inject angular file upload directives and services.
 2 var app = angular.module(‘fileUpload‘, [‘ngFileUpload‘]);
 3 
 4 app.controller(‘MyCtrl‘, [‘$scope‘, ‘Upload‘, function ($scope, Upload) {
 5     $scope.$watch(‘files‘, function () {
 6         $scope.upload($scope.files);
 7     });
 8     // set default directive values
 9     // Upload.setDefaults( {ngf-keep:false ngf-accept:‘image/*‘, ...} );
10     $scope.upload = function (files) {
11         if (files && files.length) {
12             for (var i = 0; i < files.length; i++) {
13                 var file = files[i];
14                 Upload.upload({
15                     url: ‘url‘,   //此处url为向后台nodejs请求的路由
16                     fields: {‘username‘: $scope.username},
17                     file: file
18                 }).progress(function (evt) {
19                     var progressPercentage = parseInt(100.0 * evt.loaded / evt.total);
20                     console.log(‘progress: ‘ + progressPercentage + ‘% ‘ + evt.config.file.name);
21                 }).success(function (data, status, headers, config) {
22                     console.log(‘file ‘ + config.file.name + ‘uploaded. Response: ‘ + data);
23                 }).error(function (data, status, headers, config) {
24                     console.log(‘error status: ‘ + status);
25                 })
26             }
27         }
28     };
29 }]);

 1 var multipart = require(‘connect-multiparty‘);
 2 var fs = require(‘fs‘);
 3 var multipartMiddleware = multipart();
 4 
 5 
 6 
 7 
 8 
 9 
10   //此处‘/url‘应与angular发送的路由一致，
11   router.post(‘/url‘, multipartMiddleware,function(req, res, next){
12         
13      var profile_image = req.files.file;
14      var tmp_path = profile_image.path;  //此处为页面图片存放的地址，在C盘的临时文件夹temp下。   
15      console.log(req.files);
16      var path = ‘./url‘ + profile_image.name;  //此处‘./url‘为上传的图片希望存放的地址.可以为绝对地址
17           
18             //跨域传递文件
19             var is = fs.createReadStream(tmp_path);
20             var os = fs.createWriteStream(path);
21                 is.pipe(os);
22                 is.on(‘end‘,function() {
23                     fs.unlinkSync(tmp_path);
24                 });
25             //跨域传递文件
26        //-----------此处可以写点传递回前台的数据   --------此处不完整，不能完全照搬。如果写全的话，太麻烦。
27   });