使用REST API在ExpressJS和AngularJS中上传文件

我是AngularJS和Node.js的新手。

我想使用REST API AngularJS和Express.js来实现文件(.pdf,.jpg,.doc)上传function。

我试图从使用NodeJS来获取API调用上传文件的想法,但我仍然不清楚如何在REST API中使用AngularJS和Express.js上传文件。

任何人都可以向我解释如何使用REST API和AngularJS和Express.js上传文件,基本的例子?

       

网上收集的解决方案 "使用REST API在ExpressJS和AngularJS中上传文件"

参考: https //github.com/danialfarid/angular-file-upload
我已经使用下面的代码解决了这个问题:

Angularjs

HTML

<input type="file" ng-file-select="onFileSelect($files)" multiple> 

JS

  $scope.onFileSelect = function($files) { //$files: an array of files selected, each file has name, size, and type. for (var i = 0; i < $files.length; i++) { var file = $files[i]; $scope.upload = $upload.upload({ url: 'server/upload/url', //upload.php script, node.js route, or servlet url // method: 'POST' or 'PUT', // headers: {'header-key': 'header-value'}, // withCredentials: true, data: {myObj: $scope.myModelObj}, file: file, // or list of files: $files for html5 only /* set the file formData name ('Content-Desposition'). Default is 'file' */ //fileFormDataName: myFile, //or a list of names for multiple files (html5). /* customize how data is added to formData. See #40#issuecomment-28612000 for sample code */ //formDataAppender: function(formData, key, val){} }).progress(function(evt) { console.log('percent: ' + parseInt(100.0 * evt.loaded / evt.total)); }).success(function(data, status, headers, config) { // file is uploaded successfully console.log(data); }); //.error(...) //.then(success, error, progress); //.xhr(function(xhr){xhr.upload.addEventListener(...)})// access and attach any event listener to XMLHttpRequest. } /* alternative way of uploading, send the file binary with the file's content-type. Could be used to upload files to CouchDB, imgur, etc... html5 FileReader is needed. It could also be used to monitor the progress of a normal http post/put request with large data*/ // $scope.upload = $upload.http({...}) see 88#issuecomment-31366487 for sample code. }; 

使用expressJS的Nodejs

 var path = require('path'), fs = require('fs'); var tempPath = req.files.file.path, targetPath = path.resolve('./uploadFiles/' + req.files.file.name); fs.rename(tempPath, targetPath, function(err) { if (err) throw err; console.log("Upload completed!"); 

最近我一直在处理类似的问题。 事情是,angular度没有最好的支持inputtypes“文件”,因为你不能绑定它的方式。 这就是为什么人们为此做出自定义指令。 我用的那个有一些简洁的例子。

它被称为angular度file upload