我正在尝试使用multer上传文件,并且没有请求正文或文件。有没有人有任何想法我做错了什么?
这是html
<form action="/upload" method="post" enctype="multipart/form-data">
<input type="file" name="file-uploader"/>
<input type="submit"/>
</form>
这是我的js
const express = require('express');
const app = express();
const multer = require('multer');
const upload = multer({ dest: 'uploads/' });
// other stuff
app.post('/upload', upload.single('file-uploader'), (req, res, next) => {
console.log(req.file);
console.log(req.body);
res.send ({'asdf': 'sadf'});
});
答案 0 :(得分:1)
在Express 4中,默认情况下req.files在req对象上不再可用。 这是我强大的解决方案:
前端: 标记:
<input type="file" id="file"/>
<button id="send-file">Send</button>
JS:
//send file
var send_file = $("#send-file");
send_file.on("click", function(e) {
//file
var file = $("#file")[0].files[0];
//formdata
var fd = new FormData();
fd.append("file", file, "file_name");
//send file
$.ajax({
url: '/upload',
data: fd,
cache: false,
contentType: false,
processData: false,
type: 'POST'
})
.done(function(data) {
console.log(data);
console.log("Upload successfully");
});
});
return false;});
后端:
安装强大的:npm install formidable --save
最后一步:
var express = require('express');
var app = express();
var path = require('path');
var fs = require('fs');
var formidable = require('formidable');
app.post('/upload', function(req, res) {
// create an incoming form object
var form = new formidable.IncomingForm();
// specify that we want to allow the user to upload multiple files in a single request
form.multiples = true;
// store all uploads in the /uploads directory
form.uploadDir = path.join(__dirname, './uploads');
// every time a file has been uploaded successfully,
// rename it to it's orignal name
form.on('file', function(field, file) {
fs.rename(file.path, path.join(form.uploadDir, file.name));
});
// log any errors that occur
form.on('error', function(err) {
console.log('An error has occured: \n' + err);
});
// once all the files have been uploaded, send a response to the client
form.on('end', function() {
console.log(Date.now())
res.end('success');
});
// parse the incoming request containing the form data
form.parse(req);
});