用Node处置惩罚文件上传

媒介

在Web开辟中，文件上传是一个异常罕见、异常主要的功用。本文将引见如何用Node处置惩罚上传的文件。

需求剖析

由于如今前后端星散很盛行，那末本文也直接采纳前后端星散的做法。前端界面以下：

用户从浏览器中挑选文件，点击上传，将提议http要求到效劳器，效劳器将接受到的文件存储在效劳器硬盘中。

前端部份

ajax要求库采纳axios，为了简化申明，前端限定上传的文件范例只能为图片，且一次只能上传一张，有兴致的朋侪可以自行补充，代码以下：






，我们看到控制台打印出了前端上传的imgName属性：kitty.jpg


而且，myImage文件夹目录下多了一张图片：


翻开一看，恰是夙昔端上传的那张kitty.jpg

文件更名

我们发明，这个默许的文件称号并非我们想要的，我们想改成以当前时刻戳定名的文件，增加的功用代码以下：

var fs = require('fs')
form.on('file', (name, file) => {
// 重定名文件
let types = file.name.split('.')
let suffix = types[types.length - 1]
fs.renameSync(file.path, './myImage/' + new Date().getTime() + '.' + suffix)
})

再次上传，发明如今存的照片称号已变成我们想要的花样了。


增加上传进度

Formidable的progress事宜能给出收到的字节数，以及希冀收到的字节数。我们可以借助这个做出一个进度条。
我们为上面的顺序增加下面的代码，每次有progress事宜引发，就会盘算百分比并用console.log()输出：

form.on('progress', (bytesReceived, bytesExpected) => {
var percent = Math.floor(bytesReceived / bytesExpected * 100)
console.log(percent)
})

再次上传一张图片，如今控制台已会打印出进度显现了：


固然，平常情况下，我们是要把这个进度传回到用户的浏览器中去，这关于任何想要上传大型文件的顺序来说是个很棒的特征，而且这是个很适合用Node完成的使命。比如说用WebSocket协定，或许像Socket.IO如许的及时模块，关于Node中运用websocket，背面我会单独出一篇文章来引见。

毛病处置惩罚

任何时刻都不要忘了对顺序增加毛病处置惩罚，假如你的顺序在主要的时刻崩掉了，可以轻则被老板打屁股，重则拉出去祭天。设想一下，假如用户上传的图片很大，而且用户的收集还很慢，那末上传的时刻会超越前端代码中设置的要求超时时刻2s，效劳器就会崩掉，不信？我们来试一下。
起首，我挑选了一张很大的图片，5M，而且用chrome浏览器将浏览器收集环境设置为slow 3g，设置要领以下：
f12翻开开辟者东西，在more tools&＃8211;network conditions


点击上传，我们瞥见效劳端控制台的信息以下，效劳器崩掉了：


所以，末了我们加上了毛病处置惩罚，代码以下：

// 加上毛病处置惩罚，防备用户收集慢，或许作废上传，致使效劳器崩掉
form.on('error', err => {
console.log(err)
res.statusCode = 500
res.end('效劳器内部毛病!')
})

小结

如今，置信你已学会了如何用Node处置惩罚文件上传了，连系前面的那篇用Node供应静态文件效劳的文章，你是否是可以本身探索着去尝试做一些风趣的事变了呢？

参考浏览

formidable文档
input的file范例的accept属性