二、node实现文件上传
1、FormData对象:以对象的方式来表示页面中的表单,又称为表单对象。以key-value的方式来保存数据,XMLHttpRequest对象可以轻松的将表单对象发送到服务器端。
(1)本身是一个构造函数,可以用new创建一个实例对象
例如:
var formdata = new FormData(form) -----> 将页面中的表单转化成FormData对象(即将表单数据转换成key-value)
(2)常用的API:
a、FormData.append(key,value):追加数据,向FormData中追加一个键值对:key,value
b、FormData.get(key):获取key对应的值
c、FormData.delete(key):删除key对应的值
d、FormData.has(key):判断FormData中是否有key
2、node使用formidable模块实现文件上传
(1)安装:npm install formidable
(2)创建:Formidable.IncomingForm对象:本质是一个表单对象。
let form = new Formidable.IncomingForm()
(3)formidable.IncomingForm对象的属性:
a、form.encoding:设置字符集
b、form.uploadDir:设置上传文件的保存路径
c、form.keepExtensions:true:表示上传时保留原来的扩展名
(4)formidable.IncomingForm对象的常用方法:
form.parse(request,[callback]):转换请求中的表单数据
(5)formidable.File对象的属性
a、size:长传文件的大小
b、path:上传文件的路径
c、type:上传文件的类型
d、name:上传文件的名字
前端代码:
后台:(上传和下载的服务器)
4、文件上传需要注意的问题
(1)前端FormData对象作用:用于保存上传文件的信息。格式:key:value
(2)后台formidable模块的作用:使用parse方法来解析前端的formdata对象
三、Express实现文件下载
1、使用res对象(响应对象)的download方法即可
三、遍历下载文件夹下的文件,拼接成一个下载的url,传递到前端。
前端:
后端: