nervgh /アンギュラファイルのアップロードと私のセットアップをアップロード:私は角度ファイル、それはこのようなものだ、私は<a href="https://github.com/nervgh/angular-file-upload" rel="nofollow noreferrer">https://github.com/nervgh/angular-file-upload</a>プラグインを実装した角度からのファイルアップロードをやってる
<input id="uploadFileButton"
type="file"
nv-file-select
uploader="FUCtrl.uploader"
multiple
style="display: none;"/>
// the display none is due to that this input is click triggered
// by an outside button
を持って
var vm = this,
apiUrl = appConfig.getItem('BASE_API_URL'), // base url;
vm.uploader = $scope.uploader = new FileUploader({
url: apiUrl + '/invoices/upload',
headers: {
"Content-Type": undefined
}
});
// this function is triggered by a button outside
vm.uploadAll = function() {
vm.uploader.uploadAll();
};
HTMLに
を参照してくださいポスト要求は画像が(理論的に)アップロードされていることですが、コンテントタイプは、行方不明のenctype未定義であり、サーバ側の一方で、私はこの
var express = require('express'),
multer = require('multer'),
cors = require('cors');
var app = express();
app.use(cors());
app.get('*', function(){});
app.use(multer({dest:'./uploads/'}).single('photo'));
app.post('/upload', function(req, res){
console.log('hit');
console.log(req.body); // form fields
console.log(req.files); // form files
res.status(204).end();
});
app.listen(3000);
を持っていますが、私はポストを受け取るとき、私は、コンソール にconsole.log(req.body)でご覧ください。 // {} console.log(req.files); //未定義
と私は私が何をしないのですPDFファイルのアップロード
から任意のデータを得ることができませんか?
[OK]を動作するようにゴイ、I'LL、アップローダー構成から
を削除試してみる。 – flaalf
と同じことnervgh – flaalf
と同じことです。transformRequest関数はFormDataオブジェクトをシリアル化しようとします。そのため、データをそのままの状態にするためにidentity関数をオーバーライドします。 POSTとPUTリクエストのAngularのデフォルトのContent-Typeヘッダはapplication/jsonですので、これも変更したいと思います。'Content-Type'を設定しないと、ブラウザはContent-Typeをmultipart/form-dataに設定して正しい境界を埋める。手動で 'Content-Type'を設定する:multipart/form-dataは要求の境界パラメータを埋めることができません。 https://jsfiddle.net/bk129/2ff06ud3/それは私の仕事です – Bhautik