node upload文件及file服务器

hanjiangxuehua

已于 2022-05-24 08:08:26 修改

阅读量207

点赞数

文章标签：服务器 nginx 运维 node.js

于 2022-05-23 18:13:16 首次发布

本文链接：https://blog.csdn.net/hanjiangxuehua/article/details/124931992

版权

由于公司禁止hfs软件，导致内部传输文件特别麻烦，故在网络上选取http简易服务器；

nginx和node的http-server都可以作为http文件服务器，但是由于nginx的上传模块特别麻烦，还需要安装module及配置，故最终选取了node作为简易文件服务器

node安装及http-server安装网上很多，随便找一个安装就完事

建立启动bat

cd /d D:\xxx
http-server

上传服务bat，不上传不需要启动

cd /d D:\xxx

node server.js

上传的找了个简单的上传界面，及服务监听端口，需要用的时候开启即可

server.js如下

var http=require("http");
 
var fs=require("fs");
 
 
http.createServer(function(req,res){
	//res.writeHead(200,{"Content-type":"text/html;charset=UTF-8","Access-Control-Allow-Origin":"*"});
	res.writeHead(200, {"Content-Type": "application/json;charset=UTF-8","Access-Control-Allow-Origin":"*"});
  var otherArray = ["data", "success"];
  var otherObject = { status: "200", msg: "success" };
  var json = JSON.stringify({ 
    data: otherObject
  });
  //res.end(json);
	if (req.method.toLowerCase()=="post") {
		//新建一个空数组接受流的信息
		var chunks=[];
		//获取长度
		let num=0;
		
		req.on("data",function(chunk){
			chunks.push(chunk);
			num+=chunk.length;
		});
		req.on("end",function(){
			//最终流的内容本体
			var buffer=Buffer.concat(chunks,num);
			//新建数组接收出去\r\n的数据下标
			let rems=[];
			//根据\r\n分离数据和报头
			for (var i = 0; i < buffer.length; i++) {
				let v=buffer[i];
				let v2=buffer[i+1];
			// 10代表\n 13代表\r
			if (v==13&&v2==10) {
				rems.push(i)
			}
		}//for
		//获取上传图片信息
		let picmsg_1 = buffer.slice(rems[0]+2,rems[1]).toString();
		console.log(picmsg_1);
		let filename = picmsg_1.match(/filename=".*"/g)[0].split('"')[1];
		console.log(filename);
 
		 //图片数据
		 var nbuf = buffer.slice(rems[3]+2,rems[rems.length-2]);
		 let address="./nodeupload/"+filename;
		 //创建空文件并写入内容
		 fs.writeFile(address,nbuf,function(err){
		 	if (err) {
		 		console.log(err);
		 	}else{
		 		console.log("创建成功")
		 	}
		 })
 
		})	
		//res.end();
		res.end(json);
	}
}).listen(8000,"localhost");
console.log('Server listening on port 8000');

上传uploadjq.html如下：

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
</head>
<body>
	<div style="padding-top: 96px;padding-left: 116px;position: relative;min-height: 100px;font-size: 16px !important;border:1px solid #000;margin:140px;margin-right:600px;background-color: #becdeb;">
        <input id="file1" type="file" name="file1" accept="*">
        <input type="button" value="上传" onclick="onUpload()">
    </div>
</body>
</html>
<script type="text/javascript" src="jquery.min.js"></script>
<script type="text/javascript">
	function onUpload() {
            var formData = new FormData();
            // 获取文件
            var fileData = $("#file1").prop("files")[0];
            formData.append("file1", fileData);
            $.ajax({
                url: 'http://localhost:8000/',
                type: 'POST',
                async: false,
                data: formData,
                cache: false,
                contentType: false,
                processData: false,
                success: function (data) {
					if(typeof data.data.msg != 'undefined' &&data.data.msg == 'success'){
						alert('上传成功');
					}
                    
                }
            });
        }
</script>

jquery.js在网络上随便找个下载即可：

http://lib.h-ui.net/jquery/1.9.1/jquery.min.js