阅读更多系列文章请访问我的GitHub博客,示例代码请访问这里。
简单的文件上传例子
处理文件上传数据,也是前后端交互中重要的功能,它的处理方式与数据不同。
接下来,通过一个例子查看服务端接收到的文件上传数据。
首先,在post_file.html中,新建一个用与上传文件的表单:
form的属性enctype="multipart/form-data"代表表单上传的是文件。
enctype的默认值为enctype="application/x-www-form-urlencoded"表示上传的是数据类型,此时服务端接收到的数据为“username=lee&password=123456&file=upload.txt”。
代码示例:/lesson16/post_file.html
<form action="http://localhost:8080/upload" method="POST" enctype="multipart/form-data">
用户:<input type="text" name="username" value="lee"><br/>
密码:<input type="password" name="password" value="123456"><br/>
<input type="file" name="file" id=""><br/>
<input type="submit" value="提交">
</form>
复制代码
其次,在server.js中,查看接收到的表单提交数据:
代码示例:/lesson16/server.js
const http = require('http')
const server = http.createServer((req, res) => {