DropzoneとExpressで簡単な画像アップロードのデモを実装しようとしています。 私のフォームは次のようになります。このようになりますDropzoneとExpressのFileupload:レスポンスが定義されていません
<form id="ul-widget" action="/fileupload" class="dropzone" enctype="multipart/form-data">
<div class="fallback">
<input name="file" type="file" multiple />
</div>
</form>
このフォームに属しているのjavascript:あなたが今見ることができるように
<script type="text/javascript">
Dropzone.options.ulWidget = {
paramName: 'file',
init: function() {
this.on('complete', function(file, resp){
console.log(file);
console.log(resp);
});
}
}
</script>
私は単に「ファイル」と「RESPを」ログインしていますしかし、アップロードが機能しても "resp"は常に「未定義」です。
var express = require("express");
var app = express();
var multer = require("multer");
var upload = multer({ dest: 'uploads/' });
app.set("view engine", "ejs");
app.use('/static', express.static(__dirname + '/node_modules/'));
app.get("/", function(req, res){
res.render("main");
});
app.post("/fileupload", upload.single('file'), function(req, res, next){
console.log(req.file);
return res.status(200).send(req.file);
});
app.listen(8080, "0.0.0.0", function(){
console.log("Dropzone Demo started.");
});
ファイルがアップロードフォルダに登場しているが、フロントエンドへの応答は、オールウェイズ「未定義」は:バックエンドのコードは次のようになります。この記事で作業しましたhttps://www.sitepoint.com/file-upload-form-express-dropzone-js/