node.js - Nodejs Express Multer 文件上传 - 基于表单数据处理路由响应
问题描述
我目前的实现如下:
var storage = multer.diskStorage({
destination: function (req, file, cb) {
cb(null, 'public/images/items/')
},filename: function (req, file, cb) {
let ext = '';
if (file.originalname.split(".").length>1)
ext = file.originalname.substring(file.originalname.lastIndexOf('.'), file.originalname.length);
cb(null, Date.now() + ext)
}
})
...使用路线...
app.post('/updateItemImage', upload.single('image'), function (req, res, next) {
console.log('user: ' + req.user.id + ' updating image: ' + req.body.item_id);
})
..好的。这样可行。req.body.item_id 存在于我的路由中,multer 处理 req.file,将其以唯一的文件名保存到磁盘。
然而……
我希望使用 multer 保存该项目,前提是 req.user.id 和 req.body.item_id 具有某些值。req.body.item_id 在以下范围内未定义:
filename: function (req, file, cb) {
所以我不能将我的代码移动到这个函数中。
TLDR: post 函数需要捕获 req.body.item_id 和 req.file。如果 req.body.item_id == value 比保存文件和 res.send('ok') 给猫剥皮的方法不止一种。什么是可行的选择?
编辑:这是前端js:
$scope.uploadFile = function(files) {
var fd = new FormData();
var uploadUrl = '/updateItemImage';
var fd = new FormData();
fd.append("image", files[0]);
fd.append("item_id", '11');
$http.post(uploadUrl, fd, {
transformRequest: angular.identity,
headers: {'Content-Type': undefined}
}).then(function (response) {
if (response.data == 'ok') {
return
}
alert('something went wrong')
})
}
编辑:交换参数的顺序,使主体参数排在第一位: fd.append("item_id", '11'); fd.append("图像", 文件[0]);
解决了我的问题。这应该没关系!
解决方案
推荐阅读
- java - RecyclerView Laggy Android Studio
- docker - 如何使用 ssh 访问 Fargate ECS 实例
- mysql - 如何在不实际更新行的情况下调用`ON UPDATE CURRENT_TIMESTAMP()`?
- r - 使用 ggplot2 在 R 中绘制等倾线
- python - 使用 python turtle 绘制一个带有线条的三角形
- dictionary - 选择图像时使用 Flutter Carousel Slider 路由到特定页面
- javascript - JavaScript 箭头函数的 raku 等价物是什么?
- elasticsearch - 在 ElasticSearch 中搜索大量数字没有返回结果
- python - 当类的 __init__ 变量更改时如何检测和触发函数
- javascript - php 应用程序 Gitlab 分支 url 覆盖