文件的上传和下载

最新推荐文章于 2024-08-29 14:26:44 发布

地狱三头猫

最新推荐文章于 2024-08-29 14:26:44 发布

阅读量725

点赞数

分类专栏：数据库文章标签：前端 javascript

本文链接：https://blog.csdn.net/qq_26807539/article/details/128209968

版权

本文介绍了如何使用Node.js中的formidable模块实现文件上传，包括FormData对象的使用，以及Express框架下文件下载的实现。同时，讨论了在文件上传过程中前后端的交互，并提供了遍历文件夹生成下载URL的后台接口方法。

摘要由CSDN通过智能技术生成

一、node实现文件上传

1、FormData对象：以对象的方式来表示页面中的表单，又称为表单对象。以key-value的方式来保存数据，XMLHttpRequest对

象可以轻松的表单对象发送的服务器端

（1）是一个构造函数：new FormData()，例如：

var  formdata = new FormData(form)  //将页面中的表单form转换成FormData对象(即将表单数据转换成key-value对)

（2）常用的API：

FormData.append(key，value)：追加数据。向formdata中追加key-value

FormData.get(key)：获取key对应的值

FormData.delete(key)：删除key对应的值

FormData.has(key)：判断formdata中是否有key

2、node使用formidable模块实现文件上传

（1）安装：npm install formidable

（2）创建Formidable.IncomingForm对象：本质是一个表单对象

let form = new Formidable.IncomingForm()

（3）Formidable.IncomingForm对象的属性：

form.encoding ：设置字符集

form.uploadDir：设置上传文件的保存路径

form.keepExtensions：true，表示上传时保留原来的扩展名

（4）Formidable.IncomingForm对象的方法：

form.parse(request, [callback])：转换请求中的表单数据

（5）Formidable.File对象的属性

size：上传文件的大小

path：上传文件的路径

type：上传文件的类型

name：上传的文件名

3、案例：

前端代码：

<body>
    <!-- 上传图片：
        (1)将图片文件上传到服务器端的指定目录
        (2)将图片文件名和服务器的地址进行拼接
        (3)将拼接后的图片的路径响应给客户端，在div中显示出来
    -->
    <label>请选择文件：
        <input type="file" id="file">
    </label>
    <br><br>
    <div id=&