Wscats
diff --git a/‎uploadFiles/原生上传/server.js‎ ‎uploadFiles/原生上传/use-jquery/server.js‎uploadFiles/原生上传/server.js renamed to uploadFiles/原生上传/use-jquery/server.js b/‎uploadFiles/原生上传/server.js‎ ‎uploadFiles/原生上传/use-jquery/server.js‎uploadFiles/原生上传/server.js renamed to uploadFiles/原生上传/use-jquery/server.js
diff --git a/‎uploadFiles/原生上传/index.html‎ ‎uploadFiles/原生上传/单文件上传/index.html‎uploadFiles/原生上传/index.html renamed to uploadFiles/原生上传/单文件上传/index.html b/‎uploadFiles/原生上传/index.html‎ ‎uploadFiles/原生上传/单文件上传/index.html‎uploadFiles/原生上传/index.html renamed to uploadFiles/原生上传/单文件上传/index.html
diff --git a/‎uploadFiles/原生上传/pic.png‎ ‎uploadFiles/原生上传/单文件上传/pic.png‎uploadFiles/原生上传/pic.png renamed to uploadFiles/原生上传/单文件上传/pic.png b/‎uploadFiles/原生上传/pic.png‎ ‎uploadFiles/原生上传/单文件上传/pic.png‎uploadFiles/原生上传/pic.png renamed to uploadFiles/原生上传/单文件上传/pic.png
diff --git a/‎uploadFiles/原生上传/单文件上传/server.js‎
Lines changed: 10 additions & 0 deletions b/‎uploadFiles/原生上传/单文件上传/server.js‎
Lines changed: 10 additions & 0 deletions
diff --git a/‎uploadFiles/原生上传/多文件上传/index.html‎
Lines changed: 36 additions & 0 deletions b/‎uploadFiles/原生上传/多文件上传/index.html‎
Lines changed: 36 additions & 0 deletions
diff --git a/‎uploadFiles/原生上传/多文件上传/server.js‎
Lines changed: 11 additions & 0 deletions b/‎uploadFiles/原生上传/多文件上传/server.js‎
Lines changed: 11 additions & 0 deletions
@@ -0,0 +1,10 @@
+const http = require('http');
+const fs = require('fs');
+http.createServer((req, res) => {
+    // 跨域
+    res.setHeader('Access-Control-Allow-Origin', '*');
+    // 必须要设置
+    res.setHeader('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
+    req.pipe(fs.createWriteStream('./pic.png'));
+    res.end('success');
+}).listen(8877);
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html>
+
+<head>
+	<meta charset="UTF-8">
+	<title></title>
+</head>
+
+<body>
+	<p>利用二进制blob，配合node的http和fs模块实现上传文件</p>
+	<p>后续还可以使用blob.slice方法实现分块上传</p>
+	<input type="file" id="file" name="logo" multiple />
+</body>
+<script>
+	var fileNode = document.getElementById("file");
+	fileNode.onchange = function () {
+		var blobs = fileNode.files;
+		var length = fileNode.files.length;
+		for (let index = 0; index < length; index++) {
+			console.log(blobs[index].name);
+			let xmlhttp = new XMLHttpRequest();
+			xmlhttp.onreadystatechange = function () {
+				if (xmlhttp.readyState == 4 && xmlhttp.status == 200) {
+					console.log(xmlhttp.responseText);
+				}
+			}
+			xmlhttp.open(`POST`, `http://localhost:8877?name=${blobs[index].name}`, true);
+			xmlhttp.setRequestHeader('Content-Type', 'application/octet-stream');
+			//提交请求，可以直接把二进制内容放到请求体里面发送到后端
+			xmlhttp.send(blobs[index]);
+		}
+		fileNode.value = null;
+	}
+</script>
+
+</html>
@@ -0,0 +1,11 @@
+const http = require('http');
+const fs = require('fs');
+http.createServer((req, res) => {
+    // 跨域
+    res.setHeader('Access-Control-Allow-Origin', '*');
+    // 必须要设置
+    res.setHeader('Access-Control-Allow-Headers', 'Origin, X-Requested-With, Content-Type, Accept');
+    let name = req.url.split('=')[1];
+    req.pipe(fs.createWriteStream(`./${name}`));
+    res.end('success');
+}).listen(8877);