我正在尝试将上传的图像从客户端发送到服务器。我是这样做的:
...
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));
}
});
...
Run Code Online (Sandbox Code Playgroud)
在我正在使用的服务器中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
});
});
...
Run Code Online (Sandbox Code Playgroud)
为了设置上传文件的文件大小限制,我fileSize在 connect-busboy 构造函数中将选项设置为 3 mb:
...
app.use(
busboy({
limits: {
fileSize: 3*1024 //3 mb
}
})
);
...
Run Code Online (Sandbox Code Playgroud)
问题是,当我上传大小超过 3 MB 的图像时,filesLimit事件不会触发。更糟糕的是,file事件在此时触发,并且 (!) 只有 3 mb 的文件可用。
怎么了?为什么filesLimit事件不触发?感谢您的帮助!
回答我自己的问题。
我以错误的方式附加文件大小限制事件侦听器。事实证明,我们应该以这种方式将事件附加到作为流的文件对象上。
req.busboy.on('file', function (fieldname, file, filename) {
file.on('limit', callback); // <- here is
});
Run Code Online (Sandbox Code Playgroud)
| 归档时间: |
|
| 查看次数: |
668 次 |
| 最近记录: |