- html - 出于某种原因,IE8 对我的 Sass 文件中继承的 html5 CSS 不友好?
- JMeter 在响应断言中使用 span 标签的问题
- html - 在 :hover and :active? 上具有不同效果的 CSS 动画
- html - 相对于居中的 html 内容固定的 CSS 重复背景?
我在 NodeJs 中制作了一个用于文件上传的 REST API 工作正常,但有一个问题,如果我上传多于 2 张图片,则只有 2、3 张被上传,有时 1 张被损坏。我认为我的 Loop 运行速度太快了。打击是我的代码:
app.post('/img-upload', function(req, res) {
if (!req.files)
return res.status(400).send({"status":"false", "data":"Image Not Found"});
// Use the mv() method to place the file somewhere on your server
for(var key in req.files) {
thisFile = req.files[key];
let name = +new Date();
thisFile.mv('./images/' + name++ +'.png', function(err) {
if (err) {
res.send(err);
}
});
}
res.json({"status":"File uploaded!"});
});
使用的模块:express-fileupload
最佳答案
发布一个可能不是答案的答案,以解释@PatrickRoberts 似乎有道理的评论。
thisFile.mv
显然是异步工作的,这意味着 function(err){...}
可能会在 res 之后运行。 json(...)
和以下隐式 return
。
虽然 Node 不应该终止剩余的异步进程,但无论如何,您现在还不能告诉用户文件已成功上传。 (您可以发送该成功信息,然后您的一个回调会抛出一个错误...但为时已晚,您无法将该错误发送给客户端。)
两个选项来解决这个问题。
等待所有回调完成后发送成功结果。大概是这样的:
let uploads = [];
for (let k in req.files) {
req.files[k].mv('/my/path/to.png', function(err) {
let promise = new Promise(function(resolve, reject) {
if (err) {
reject(err);
} else {
resolve();
}
});
uploads.push(promise);
})
} // end for loop
Promise.all(uploads).then(function() {
res.json({"status":"File uploaded!"});
}).catch(function(err) {
res.send(err);
});
如果这不能解决问题,假设@PatrickRoberts 发现了正确的问题,您可以尝试按顺序上传,例如:
function processFile() {
let file = req.files.shift()
if (!file) return; // stop sequence condition
file.mv('/my/path/to.png', function(err) {
if (err) {
res.send(err);
} else {
processFile();
}
})
}
processFile(); // start the recursive and sequential "loop"
如果这些都不起作用(第二个错误的选项很慢,但可以清楚地证明是否涉及 res.json
/res.send
),那么您的问题位于别处。在这种情况下,请提供有关“有时一个已损坏”的更多信息:文件是否不完整?是服务器显示错误吗?客户端收到错误?在后一种情况下,什么错误?
关于javascript - 使用 express-fileupload 在 NodeJs 中上传文件无法正常工作,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/54366508/
我正在配置 blueimp 以在单击发布按钮时上传图像。我的问题是它没有调用 $('#fileupload').fileupload 函数。我已经包含了以下 javascript 文件。以下是我的代码
我正在使用 Firebase 构建一个 Angular 应用程序,以将图像上传到数据库并从那里检索它。 上传文件.service.ts import {Injectable} from '@angul
我应该使用哪个库?唯一的目的是上传文件。在处理大型请求时,我想在性能和可扩展性方面使用最佳库。如果我的项目扩大规模,我最终将使用 CDN 服务。 最佳答案 以下是在这种情况下选择图书馆时必须考虑的一些
我尝试什么:我想使用 jQuery mobile 在 JSF 页面中上传带有 Primefaces FileUpload 标记的图片。此面仅在桌面浏览器上可用,但也应具有与其他页面一样的外观。问题:总
我在 gridview 中使用了 Ajax fileupload 控件,为 gridview 中的每条记录上传文件。我使用了 ajax fileupload 控件,因为我也需要拖放上传功能。它的工作很
CFSDN坚持开源创造价值,我们致力于搭建一个资源共享平台,让每一个IT人在这里找到属于你的精彩世界. 这篇CFSDN的博客文章FileUpload 控件禁止手动输入的方法由作者收集整理,如果你对这篇
我正在使用 primefaces fileUpload 组件,然后我检查了 FileUploadEvent.getFile 但我没有看到可靠地获取扩展名的方法。有任何想法吗? 最佳答案 getFile
在我的 GWT 项目中,我想: 为 FileUpload 小部件设置过滤器,使其只接受 JPG 文件。 启用 myButton如果 FileUpload 小部件,称为 chooser , 选择了任何文
我的 Extjs 应用程序中有一个文件上传字段。我尝试通过以下代码将文件加载到服务器: var form = Ext.getCmp('ProcImpNewSugFileForm').getForm()
长话短说,我想允许用户将文件上传到服务器。我尝试使用 Jquery 文件上传功能,但它似乎无法正常工作。 我已经简化了我的代码以查明错误/错误。我认为完成的例程没有被调用。 因此只有第一个 conso
我正在上传一个带有 PF 3.5 File Uploader 的文件 我的上传方法如下所示: public void handleFileUpload(FileUploadEvent event) {
我正在使用 FileUpload 控件上传图片,我可以使用那个浏览按钮选择图片,但是当我尝试预览所选图片时,我没有得到文件名,它显示为空.. protected void btnImgUpload_C
如何仅使用 FileUpload 代码隐藏进行上传?我的控件是代码隐藏的,因为我有 Dropdown_SelectedIndexChanged 并且需要生成各种数量的控件。我可以很好地列出控件并将文件
出于某种原因,当我尝试上传多个文件时,所有文件都成为第一个文件的副本。当我说副本时,我指的是不同的文件名、不同的文件扩展名,但所有图像中的图片相同。 例子: 我选择了四个文件。 2个png,2个jpg
我正在做一个简单的测试,只是尝试上传一个文件,将其转换为无符号 8 数组,然后将其记录到控制台 我的代码运行完美,但每次我按下按钮上传文件时,控制台都会递增地重复输出,让我解释一下: 第一次点击控制台
我正在使用 apache 的 FileUpload 将一些文件上传到我的网络服务器。问题是我不想将它们上传到机器上的特定位置,即:c:\tmp,而是上传到相对路径,例如 /ProjectName/tm
我想在我的 .FileUpload button 上应用这个 css,但它只适用于 IE 而不是 Chrome,我仍然不知道它有什么问题。有人有想法吗? 感谢帮助 .FileUpload { wid
我正在使用 asp.net C# FIleUpload。我遇到了一个问题,那就是当我上传图片并将其存储在指定的文件夹中时,刷新页面后图片会再次上传,次数与刷新页面的次数一样多。我尝试启用和禁用 Vie
我想知道为什么我的方法FileUpload.HasFile总是为null .. 这是我使用的Xaml。
我的 Web 表单上有一个 FileUpload 控件 (FileUpload1),还有一个“Sumbit”按钮、一个标签和一个包含 UserID 的隐藏字段。我在按钮的点击事件中有以下代码: str
我是一名优秀的程序员,十分优秀!