Express Busboy在文件事件上未触发 [英] Express Busboy on File Event not firing

问题描述

我正在尝试让我的快速代码使用busboy，但没有触发任何事件，

I am trying to make busboy work with my express code, but none of its events are firing,

没有诸如输入字段名称不匹配之类的愚蠢错误.

there are no silly mistakes like non-matching input field names etc.

这是

app.js

var express = require('express');
var path = require('path');
var favicon = require('serve-favicon');
var logger = require('morgan');
var cookieParser = require('cookie-parser');
var bodyParser = require('body-parser');    
var index = require('./index');
var liveupload = require('./liveupload');

var app = express();

// view engine setup    
app.set('view engine', 'pug');

// uncomment after placing your favicon in /public
//app.use(favicon(path.join(__dirname, 'public', 'favicon.ico')));
app.use(logger('dev'));
app.use(bodyParser.json());
app.use(bodyParser.urlencoded({ extended: false }));
app.use(cookieParser());
app.use(express.static(path.join(__dirname, 'public')));
app.use(express.static(__dirname + '/bower_components/dropzone/dist'));

app.use('/', index);
app.use('/liveupload', liveupload);


app.listen(3000, function () {
  console.log('Example app listening on port 3000!')
})


// catch 404 and forward to error handler
app.use(function(req, res, next) {
  var err = new Error('Not Found SIR');
  err.status = 404;
  next(err);
});

// error handler
app.use(function(err, req, res, next) {
  // set locals, only providing error in development
  res.locals.message = err.message;
  res.locals.error = req.app.get('env') === 'development' ? err : {};

  // render the error page
  res.status(err.status || 500);
  res.render('error');
});

module.exports = app;

这是理想的操作:liveupload

This is desired action : liveupload

var express = require('express');
var router = express.Router();

var Busboy = require('busboy');

router.post('/', process_upload);

function process_upload(req, res, next){



var busboy = new Busboy({ headers: req.headers });

// Listen for event when Busboy finds a file to stream.
busboy.on('file', function (fieldname, file, filename, encoding, mimetype) {
console.log("In bus boy");
        // We are streaming! Handle chunks
        file.on('data', function (data) {
                // Here we can act on the data chunks streamed.
                console.log("Chunk mila");
        });

        // Completed streaming the file.
        file.on('end', function () {
                console.log('Finished with ' + fieldname);
        });
});
busboy.on('field', function(fieldname, val, fieldnameTruncated, valTruncated, encoding, mimetype) {
      console.log('Field [' + fieldname + ']: value: ' + inspect(val));
    });

console.log("out of busboy");
res.sendStatus(200);

}


module.exports = router;

这是上传文件的UI.

And here is the UI which uploads the file.

<script language="JavaScript" type="text/javascript" src="javascripts/jquery.min.js"></script>
<script>
$(function(){
  Dropzone.options.himanshu = {
   paramName: "file",
         maxFilesize: 5,
    addRemoveLinks: true,
    dictResponseError: 'Server not Configured',
    acceptedFiles: "*.*",
    init:function(){
      var self = this;
      // config
      self.options.addRemoveLinks = true;
      self.options.dictRemoveFile = "Delete";
      //New file added
      self.on("addedfile", function (file) {
        console.log('new file added ', file);
      });
      // Send file starts
      self.on("sending", function (file) {
        console.log('upload started', file);
        $('.meter').show();
      });

      // File upload Progress
      self.on("totaluploadprogress", function (progress) {
        console.log("progress ", progress);
        $('.roller').width(progress + '%');
      });

      self.on("queuecomplete", function (progress) {
        $('.meter').delay(999).slideUp(999);
      });

      // On removing file
      self.on("removedfile", function (file) {
        console.log(file);
      });
    }
  };
})  
</script>




<link href="stylesheets/dropzone.css" rel="stylesheet"/>
<form action="/liveupload" method="post" class="dropzone" id="himanshu" enctype="multipart/form-data" >
 <div class="fallback">
    <input name="file" type="file" multiple />
  </div>

</form>

我已经尝试了很多方法，但是仍然无法弄清为什么busboy无法正常工作.

I have tried numerous ways, but still cant figure out why busboy is not working.

任何帮助将不胜感激

推荐答案

liveupload.js存在问题

Problem was with liveupload.js

这是更正的代码-

var busboy = new Busboy({ headers: req.headers });



   // Listen for event when Busboy finds a file to stream.
    busboy.on('file', function(fieldname, file, filename, encoding, mimetype) {
        console.log("In bus boy");
        // We are streaming! Handle chunks
        file.on('data', function(data) {
            // Here we can act on the data chunks streamed.
            console.log("Chunk mila");
        });

        // Completed streaming the file.
        file.on('end', function() {
            console.log('Finished with ' + fieldname);
        });
    });
    busboy.on('field', function(fieldname, val, fieldnameTruncated, valTruncated, encoding, mimetype) {
        console.log('Field [' + fieldname + ']: value: ' + inspect(val));
    });

    busboy.on('finish', function() {
        console.log("out of busboy");
        res.sendStatus(200);
    });
    req.pipe(busboy);
}

这篇关于Express Busboy在文件事件上未触发的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！