我認爲,這可能通過的事實,我用快遞提供的體解析器引起。這可能會搞亂多黨試圖解析的流?
我基於我的解決方案this answer。
我在做什麼:從我的NodeJS服務器充當代理(出於安全目的),將文件從客戶端瀏覽器直接流式傳輸到S3。我不希望文件觸及服務器的文件系統以避免瓶頸。
,我發現了以下錯誤:
events.js:72
throw er; // Unhandled 'error' event
^
Error: stream ended unexpectedly
at Form.<anonymous> (/Users/kentcdodds/Developer/bucketstreams/node_modules/multiparty/index.js:619:24)
at Form.EventEmitter.emit (events.js:117:20)
at finishMaybe (/Users/kentcdodds/Developer/bucketstreams/node_modules/multiparty/node_modules/readable-stream/lib/_stream_writable.js:443:14)
at endWritable (/Users/kentcdodds/Developer/bucketstreams/node_modules/multiparty/node_modules/readable-stream/lib/_stream_writable.js:452:3)
at Form.Writable.end (/Users/kentcdodds/Developer/bucketstreams/node_modules/multiparty/node_modules/readable-stream/lib/_stream_writable.js:419:5)
at onend (_stream_readable.js:457:10)
at process._tickCallback (node.js:415:13)
我已經看過了代碼,並不能完全似乎明白了什麼導致了問題。我正在使用angular-file-upload,因爲我在前端使用了角度。這裏的要求是什麼樣子:
Request URL:http://local.bucketstreams.com:3000/upload/image
Request Headers CAUTION: Provisional headers are shown.
Accept:application/json, text/plain, */*
Cache-Control:no-cache
Content-Type:multipart/form-data; boundary=----WebKitFormBoundaryNKuH2H9IUB7kvmea
Origin:http://local.bucketstreams.com:3000
Pragma:no-cache
Referer:http://local.bucketstreams.com:3000/getting-started
User-Agent:Mozilla/5.0 (Macintosh; Intel Mac OS X 10_9_1) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/32.0.1700.107 Safari/537.36
Request Payload
------WebKitFormBoundaryNKuH2H9IUB7kvmea
Content-Disposition: form-data; name="type"
profile
------WebKitFormBoundaryNKuH2H9IUB7kvmea
Content-Disposition: form-data; name="user"
pie
------WebKitFormBoundaryNKuH2H9IUB7kvmea
Content-Disposition: form-data; name="file0"; filename="Screen Shot 2014-02-18 at 10.54.06 PM.png"
Content-Type: image/png
------WebKitFormBoundaryNKuH2H9IUB7kvmea--
這是我的代碼如下所示:
var ErrorController = require('../controller/ErrorController');
var AuthenticationController = require('../controller/AuthenticationController');
var logger = require('winston');
var http = require('http');
var util = require('util');
var multiparty = require('multiparty');
var knox = require('knox');
var Batch = require('batch');
var s3Client = knox.createClient({
secure: false,
key: process.env.S3_KEY,
secret: process.env.S3_SECRET,
bucket: process.env.S3_BUCKET_IMAGES
});
var Writable = require('readable-stream').Writable;
util.inherits(ByteCounter, Writable);
function ByteCounter(options) {
Writable.call(this, options);
this.bytes = 0;
}
ByteCounter.prototype._write = function(chunk, encoding, cb) {
this.bytes += chunk.length;
cb();
};
var supportedTypes = {
profile: true,
post: true
};
module.exports = function(app) {
app.post('/upload/image', AuthenticationController.checkAuthenticated, function(req, res) {
var type = req.body.type;
var userId = req.user._id;
if (!supportedTypes[type]) {
return ErrorController.sendErrorJson(res, 401, 'Unsupported image upload type: ' + type);
}
var headers = {
'x-amz-acl': 'public-read'
};
var form = new multiparty.Form();
var batch = new Batch();
batch.push(function(cb) {
form.on('field', function(name, value) {
if (name === 'path') {
var destPath = value;
if (destPath[0] !== '/') destPath = '/' + destPath;
cb(null, destPath);
}
});
});
batch.push(function(cb) {
form.on('part', function(part) {
if (! part.filename) return;
cb(null, part);
});
});
batch.end(function(err, results) {
if (err) throw err;
form.removeListener('close', onEnd);
var destPath = '/' + userId + results[0];
var part = results[1];
var counter = new ByteCounter();
part.pipe(counter); // need this until knox upgrades to streams2
headers['Content-Length'] = part.byteCount;
s3Client.putStream(part, destPath, headers, function(err, s3Response) {
if (err) throw err;
res.statusCode = s3Response.statusCode;
s3Response.pipe(res);
console.log('https://s3.amazonaws.com/' + process.env.S3_BUCKET_IMAGES + destPath);
});
part.on('end', function() {
console.log('part end');
console.log('size', counter.bytes);
});
});
form.on('close', function(error) {
logger.error(error);
return ErrorController.sendErrorJson(res, 500, 'There was a problem uploading the file.');
});
form.parse(req);
});
};
它看起來像被吹起來是multiparty
的一部分,我已經研究過這些代碼一點點有點無濟於事。我不確定如果我錯誤地提出請求,或者如果我的服務器代碼有問題。我認爲這與我的S3存儲桶沒有任何關係,但我想這可能也是如此。
無論如何,任何提示,歡迎。
爲什麼要將部件送到櫃檯而不是直接發送到S3? –
@CharlieBrown來自我使用的例子。我試過閱讀這段代碼,我不明白它的一部分。你有更好的方法去做這件事的建議嗎? – kentcdodds
在我發佈的示例中,該代碼不存在。如果您將零件傳送到計數器,那麼它只會進入計數器,而不是S3端點。只需刪除計數器代碼並直接將part.byteCount傳遞給putStream即可。 –