首页 > Web开发 > 详细

nodejs + express + 上传图片功能

时间:2015-03-14 15:27:01      阅读:367      评论:0      收藏:0      [点我收藏+]

1.前台表单

<form method="post" enctype ="multipart/form-data">
	<input type="file" name="pics"/>
	<input type="submit" value="提交" />
</form>

2.路由(routes/index.js)

app.post('/upload',function (req,res){
	var _files = req.files.pics;
	var item ,_name ,_tmp;
	item = _files, _name=item.name;
	if (_name && item.path) {//这里需要判断文件名称和路径是否为空
		var tmpPath = item.path, type = item.type ,extension_name = '',
		tmp_name = (Date.parse(new Date()) / 1000) + '' + (Math.round(Math.random() * 9999));//生成随机名称
		switch (type) {	//判断文件类型
			case 'image/pjpeg': extension_name = 'jpg';  break;
			case 'image/jpeg': extension_name = 'jpg'; break;
			case 'image/gif': extension_name = 'gif'; break;
			case 'image/png': extension_name = 'png'; break;
			case 'image/x-png': extension_name = 'png'; break;
			case 'image/bmp': extension_name = 'bmp'; break;
			default: if(_name.indexOf('.')<=0) return;//其他文件则默认上传
				else {
					_tmp = _name.split('.');
					extension_name = _tmp[_tmp.length-1]; break;
			}
		}
		tmp_name = tmp_name + '.' + extension_name,
		targetPath = 'public/upload/' + tmp_name,//设置上传路径
		is = fs.createReadStream(tmpPath),
		os = fs.createWriteStream(targetPath);
		util.pump(is, os, function() { 
			fs.unlinkSync(tmpPath); 
			console.log('upload success : ',targetPath);
			res.json({//设置返回值
				error : 0,
				url : 'upload/' + tmp_name,
				title : tmp_name,
				message : tmp_name
			});
		});
	};
});





nodejs + express + 上传图片功能

原文:http://blog.csdn.net/u013934914/article/details/44258891

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!