Использование Multer Storage Object
Я использую multer
загружать файлы на сервер. Все работает отлично, за исключением одного вопроса, который на самом деле упоминается в multer
документация. Вот выдержка:
"Обратите внимание, что
req.body
возможно, еще не заполнен полностью " (имеется в виду, когда вызывается функция имени файла объекта хранилища, я думаю...)." Это зависит от порядка, в котором клиент передает поля и файлы на сервер "
Это именно то, где моя проблема. Я проверил, что req.body.ID
делает это на сервер, но он заполняется после multer
определяет имя файла.
У кого-нибудь есть предложения, как бороться с этой проблемой? Вот мои фрагменты кода (имя файла в конечном итоге "Не определено" с правильным расширением jpg):
//Storage object
var storage = multer.diskStorage({
destination: './uploaded',
filename: function(req, res, cb) {
cb(null, req.body.ID + '.jpg')
}
});
//File Upload Handle
router.post('/file-upload', upload.single('image'), function(req, res, next) {
console.log("routes module-/file-upload " + req.body.ID); // The file ID gets transmitted
res.sendStatus(201);
});
Вот мой HTML:
<form id="fileForm" enctype="multipart/form-data" >
<div class="form-group">
<input id='name' name="name" placeholder="ID" class="form-control-label">
</div>
<div class="form-group" align="center">
<input type="file" id="file" name="image">
</div>
<button type="submit" class="btn btn-warning" value="Upload">Upload</button>
</form>
и интерфейс AJAX:
//Testing Files Uploads
$("#fileForm").on('submit', function(event) {
event.preventDefault();
var formData = new FormData(this);
var fileID = $('#name').val();
formData.append("ID", fileID);
$.ajax('/file-upload', {
type: 'POST',
data: formData,
processData: false,
contentType: false,
})
.done(function(item) {
console.log('Uploaded!');
})
.error(function() {
console.log('doesnt work!')
});
});
//End of Files Uploads
2 ответа
Я верю req.body.ID
это неверно. Вполне возможно, что вы пытались использовать req.body.name
? Когда я использовал ваш пример, я также получил Undefined.jpg. Но используя .name
я получил правильное имя файла
Может быть, немного опоздал на вечеринку, но я столкнулся с той же проблемой, что и вы. Я смягчил проблему, сохранив файл во временном местоположении, и в функции обратного вызова переместил (переименовал) упомянутую функцию в нужное место.