当前位置: 首页 > 网络应用技术

reactjs + nodejs + express + mongodb创建[图片上传 /预览]项目(下图)

时间:2023-03-07 11:56:10 网络应用技术

  图片上传功能,这是每日项目开发中非常普遍的功能。今天我们会谈谈

  让我们看看完成后的效果

  在学习此示例之后,您也可以构建它。

  实施功能:

  后端使用的技术/数据库:

  我们用来构建项目上传项目的后端部分,并与前端合作,以实现图片上传的前后项目。

  我们在后端项目中提供以下API

  我们可以使用该工具首先查看接口的情况,如下所示

  文件上传接口

  获取文件列表接口

  打开数据库连接工具,您可以在数据库中看到已经上传的文件

  我们首先使用命令创建一个空文件夹,然后转到文件夹

  这个文件夹是我们的项目文件夹

  然后使用命令

  初始化项目,然后安装项目所需的依赖项,请输入以下命令

  package.js文件

  在这里,我们定义一个配置对象

  此文件主要用于上传图片。我们创建一个名称功能并指导此功能

  文件列表数据采集并下载

  在文件夹中,定义中间的路由

  在这里我们进口和平,

  创建一个应用程序,然后使用该方法添加中间零件以聆听端口上的请求。

  在项目根目录中的终端中输入命令,控制台显示

  使用工具测试,确定项目正常运行

  文件上传接口

  获取文件列表接口

  打开数据库连接工具,您可以在数据库中看到已经上传的文件

  让我们先启动后端项目,然后启动前端项目,

  测试上传,获取和其他接口,一切正常。

  整个前端和后端的“上传图像”功能的功能示例已完成。

  原始:https://juejin.cn/post/71035188888100364302