我正在尝试将上传的图片从客户端发送到服务器。 我是这样做的:
...
var files = document.getElementById('myForm').files;
var formData = new FormData();
formData.append('image', files[0]);
$.ajax({
url: '/upload',
data: formData,
processData: false,
contentType: false,
type: 'POST',
success: function(data){
alert(JSON.stringify(data));
}
});
...
在服务器中我正在使用Express
。然后,要访问服务器上的上传文件,请使用connect-busboy
模块:
...
router.post('/upload', function(req, res, next) {
req.pipe(req.busboy);
req.busboy.on('file', function (fieldname, file, filename) {
//do something
});
req.busboy.on('filesLimit', function(){
//do something
});
});
...
要设置上传文件的文件大小限制,我在connect-busboy构造函数中将 fileSize
选项设置为3 mb:
...
app.use(
busboy({
limits: {
fileSize: 3*1024 //3 mb
}
})
);
...
问题是,当我上传大小超过3 mb的图片时, filesLimit
事件不会触发。更糟糕的是, file
事件此时会触发,而且(!)只有3 MB的文件可用。
有什么问题?为什么 filesLimit
事件不会触发?谢谢你的帮助!
答案 0 :(得分:0)
回答我自己的问题。
我以错误的方式附加文件大小限制事件侦听器。事实证明,我们应该以这种方式在文件对象上附加事件。
req.busboy.on('file', function (fieldname, file, filename) {
file.on('limit', callback); // <- here is
});