Nodejs对文件上传的处理
在Express4里req.files已经是undefined了；现在用的最多的可能就是formidable了，你知道了它有个progress事件，于是心中大喜，低版本IE的进度条有戏了；OK，试一下：
form
.on('error',function(err){
console.log(err);
})
.on('aborted',function(){
console.log('aborted');
})
.on('progress',function(bytesReceived, bytesExpected){
var n=parseInt(parseFloat(bytesReceived/bytesExpected).toFixed(2)*100);
console.log(n);
});
是的，你很高兴的看到了，控制台按照预期打印了一串进度值；那么，再进一步；
form
.on('progress',function(bytesReceived, bytesExpected){
var n=parseInt(parseFloat(bytesReceived/bytesExpected).toFixed(2)*100);
res.write('<script>window.parent.call('+n+')</script>');
//无刷新上传，你们懂的 console.log(n);
});
call方法即在页面上显示进度值；很不幸，你只能看到最后的100%，看不到上传具体详细的进度值；再探...
接下来换个思路，试一下，将进度值保存到session里，额外加一个请求来轮询这个进度值，哎哟，不错哦！为了保证你请求的进度值是你这次上传的进度值而不是其他上传的进度值，需要在上传的请求里和额外的请求里约定一个token值；现在又来一个问题就是怎么在请求的时候得到这个token，由于文件上传的请求体在Request Payload里，所以req.body拿不到带过去的值，我也不想去解析这堆了，当然我也解析不了；放在url里最好，问题在于有时候得刷新两次来刷新token，不好！不得已，我还是放在cookie里吧！
var cookies=function () {
var cks=req.headers.cookie.split(';'),obj={};
for(var i=0;i<cks.length;i++){
obj[cks[i].split('=')[0].replace(/\s+/ig,'')]=unescape(cks[i].split('=')[1]);
}
return obj;
}();
var queryToken=cookies.__token__;
form .on('progress',function(bytesReceived, bytesExpected){
var n=parseInt(parseFloat(form.bytesReceived/form.bytesExpected).toFixed(2)*100);
if (req.session['file'+queryToken]) {
req.session['file'+queryToken].percent=n;
}else{
req.session['file'+queryToken]={
token:queryToken,
percent:n
}
};
console.log(n);
});
为了IE789，我来轮询进度值了，原谅我，其实我的心很痛；
var getData=function(){
$.post('/uploader',{
getfileinfo:1,
uploadtoken:utils.cookie.getCookie('__token__')
})
.then(function(data){
console.log(data);
if (data.mes<0) {
getData();
}else{
var pros=data.info;
call(pros.percent);
if (pros.percent!='100') {
getData();
};
};
});
}
getData();
call方法即在页面上显示进度值；很不幸，你只能看到最后的100%，看不到上传具体详细的进度值；再探...
好吧，我又一次沦陷了；不过还是感觉不对劲，ajax轮询没有问题，问题在于session里要等到上传完毕才有值，所以只能看到100%，看不到详细进度值；我是否可以认为，在progress里，之前的res.write和这次的req.session被挂起了呢，但是它又保存了每次的执行结果，直到progress完再释放，所以只能看到100%；没心情看formidable的源码，当然我也看不咋懂，我就先这么认为吧！
既然ajax轮询没问题，那么就是保存到session不得劲了；实在不成，放到global里试试吧，总不会往全局对象里塞个值也会挂起吧；稍作改动放到global里：
form
.on('progress',function(bytesReceived, bytesExpected){
var n=parseInt(parseFloat(form.bytesReceived/form.bytesExpected).toFixed(2)*100);
if (global['file'+queryToken]) {
global['file'+queryToken].percent=n;
}else{
global['file'+queryToken]={
token:queryToken,
percent:n
}
};
console.log(n);
});
继续轮询。
漂亮，完全就是那么回事！在chrome里看到的和HTML5的进度一个效果，只是在IE789里会有点卡顿的感觉，不过还是能看到详细的进度值的；毕竟老浏览器身子骨不咋地，你们懂的；还有，每次上传都往global里塞值，怎么也得适当的清理一下吧，文件上传完毕，转移到指定目录后global['file'+queryToken]=null；
然而，轮询，就是一个接一个好多好多的请求，这里也许会出问题；要不限制一下吧，间隔500ms请求一次进度值；恩，IE789进度条就这么解决了，说好的丢掉flash；虽然这个轮询可以兼容所有浏览器，但毕竟要浪费那么多请求，还是判断下，在IE789以外继续HTML5吧！
其实衡量一下，额外加个flash上传和额外的请求，哪个更值呢，原谅我不懂flash，就不多说了，反正我很不喜欢在页面上加一下额外的文件；
总结
关于文件上传的组件，还有很多的细节处理，本想弄一个JS文件的，后来一想，为了可复用性更强，还是作为一个独立的页面搞比较好，需要上传的地方，iframe一下就行了，肯定比弄一个JS文件要好很多。以上就是这篇文章的全部内容，希望能够对大家的学习或者工作带来一定的帮助，如果有疑问大家可以留言交流。
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！ 如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com
3月27日消息，苹果宣布2024年全球开发者大会（WWDC）将于6月10日至6月14日举行，巧合的是，这次大会与端午假期重合。
苹果官方表示：
在线参加 Apple 每年规模最大的开发者盛会。亲眼见证 Apple 最新平台、技术和工具的发布。了解如何创建和改进你的 App 和游戏。与 Apple 设计师和工程师互动交流，与全球开发者社区建立联系。以上活动均免费在线举行。
探索各种新的工具、框架和功能，助力你打造出理想的 App 和游戏。通过视频讲座学习新技能，与 Apple 专家进行一对一会面，以推进你的项目，完善你的构思。
Swift Student Challenge 旨在支持和鼓舞下一代开发者、创作者和企业家。太平洋时间 3 月 28 日，我们将公布今年的获奖者名单。获奖者将有资格参加在 Apple Park 举办的特别活动。我们还会选出 50 名杰出获胜者，他们将受邀前往库比提诺，获得为期三天的非凡体验，包括参加 Apple Park 的特别活动。
RTX 5090要首发 性能要翻倍！三星展示GDDR7显存
三星在GTC上展示了专为下一代游戏GPU设计的GDDR7内存。
首次推出的GDDR7内存模块密度为16GB，每个模块容量为2GB。其速度预设为32 Gbps（PAM3），但也可以降至28 Gbps，以提高产量和初始阶段的整体性能和成本效益。
据三星表示，GDDR7内存的能效将提高20%，同时工作电压仅为1.1V，低于标准的1.2V。通过采用更新的封装材料和优化的电路设计，使得在高速运行时的发热量降低，GDDR7的热阻比GDDR6降低了70%。