GitHub 地址:https://github.com/BadWaka/upload-file
参考文章:HTML上传文件的多种方式
包括:
- 同步(h5表单)
- 异步(ajax)
前置条件:需要安装 node v4 版本以上
- clone 仓库代码
git clone https://github.com/BadWaka/upload-file.git
- 进入代码目录,安装所需依赖
cd upload-file
npm i
- 执行 node server.js,启动服务
node server.js
-
在浏览器打开 http://localhost:12345/sync.html 即可看到同步上传页面
-
在浏览器打开 http://localhost:12345/async.html 即可看到异步上传页面
服务端是使用 express 框架和库 multer 实现的文件上传功能
请求经过 multer 这个中间件,可以通过 req.files 或者 req.file 获得要上传的文件的信息,再通过 fs 模块写入到磁盘上
使用 h5 原生表单,form 配合 input[file]、input[submit],指定接口(action),很轻松的实现