图片上传功能,这是每日项目开发中非常普遍的功能。今天我们会谈谈
让我们看看完成后的效果
在学习此示例之后,您也可以构建它。
实施功能:
后端使用的技术/数据库:
我们用来构建项目上传项目的后端部分,并与前端合作,以实现图片上传的前后项目。
我们在后端项目中提供以下API
我们可以使用该工具首先查看接口的情况,如下所示
文件上传接口
获取文件列表接口
打开数据库连接工具,您可以在数据库中看到已经上传的文件
我们首先使用命令创建一个空文件夹,然后转到文件夹
这个文件夹是我们的项目文件夹
然后使用命令
初始化项目,然后安装项目所需的依赖项,请输入以下命令
package.js文件
在这里,我们定义一个配置对象
此文件主要用于上传图片。我们创建一个名称功能并指导此功能
文件列表数据采集并下载
在文件夹中,定义中间的路由
在这里我们进口和平,
创建一个应用程序,然后使用该方法添加中间零件以聆听端口上的请求。
在项目根目录中的终端中输入命令,控制台显示
使用工具测试,确定项目正常运行
文件上传接口
获取文件列表接口
打开数据库连接工具,您可以在数据库中看到已经上传的文件
让我们先启动后端项目,然后启动前端项目,
测试上传,获取和其他接口,一切正常。
整个前端和后端的“上传图像”功能的功能示例已完成。
原始:https://juejin.cn/post/71035188888100364302