移动校园(9):uniapp照片上传,以及从nodejs服务器获取照片

news2024/9/28 22:37:08

后端:

安装中间件multer,刚好对应前端提交数据

npm install --save multer

 

Multer详解(Node.js中间件)-CSDN博客

一直这样

又看了二个小时,搜遍全网,改了又改,各种测试,终于让我发现了问题,就是后端存储文件夹必须是以及存在的,不会自动创建

router.post('/property/submit',upload.single('file'),(req,res)=>
{
    let imgFile = req.file;//获取图片上传的资源
    console.log(imgFile)
    let tmp = imgFile.path;//获取临时资源
    let ext = path.extname(imgFile.originalname);//利用path模块获取 用户上传图片的 后缀名
    let newName = "" + (new Date().getTime()) + Math.round(Math.random() * 10000) + ext;  //给用户上传的图片重新命名 防止重名
    let newPath = "../public/images/" + newName; //给图片设置存放目录
    let fileData = fs.readFileSync(tmp);//将上传到服务器上的临时资源 读取到 一个变量里面
    fs.writeFileSync(path.join(__dirname, newPath), fileData);//重新书写图片文件  写入到指定的文件夹下
    console.log('http://127.0.0.1:3090/images/' + newName)
    let newurl = 'http://127.0.0.1:3090/images/' + newName
    res.send(newurl)
})

使用前提是你已经设置静态资源目录,而且配置了multer中间件

静态资源目录

app.use(express.static('public'))

中间件

const multer  = require('multer')


const upload = multer({ dest:"temp/" });

测试一下,你就能获得丁真纯一郎了

然后是关于将图片存入数据库,有两种,有一种是存二进制文件,有一种是存地址,第二种比较简单,而且服务器再本地的话就没什么区别,所以下面写第二种,整个数据有两张表,所以需要有一个key把二者联系一下 

    let query=`insert into photos (Timestamp,photos,username) values ('${Timestamp}','${newurl}','${name}')`
    req.app.locals.db.query(query)

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.coloradmin.cn/o/1913856.html

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

哈喽GPT-4o,程序员如何通过GPT-4o提高办公效率

目录 一、编写工作汇报Prompt:我是一名Java开发工程师,请写一份工作总结,工作内容是一个SpringBootVue实现的图书管理系统,按下面的结构来撰写:1. 工作背景;2. 工作内容;3. 工作建议&#xff1b…

Golang期末作业之电子商城(源码)

作品介绍 1.网页作品简介方面 :主要有:首页 商品详情 购物车 订单 评价 支付 总共 5个页面 2.作品使用的技术:这个作品基于Golang语言,并且结合一些前端的知识,例如:HTML、CSS、JS、AJAX等等知识点,同时连接数据库的&…

【效率提升】多功能组织和整理软件一Notion

Notion下载地址:https://www.notion.so/desktop Notion 是一款多功能办公软件,非常适合进行知识整理、团队协作、项目整理等。 下面是几个我推荐Notion的关键点: 一、排版高度自由:Notion的页面可以嵌套,在页面中还支…

无线网的ip地址固定吗

在数字化日益普及的今天,无线网络已成为我们生活与工作中不可或缺的一部分。然而,对于许多非专业用户来说,无线网络背后的技术细节仍然充满了神秘感。其中,一个常见的问题是:无线网的IP地址是固定的吗?本文…

工厂水电燃气表流量计等能耗计量仪表非侵入式拍照抄表的方案

在企业园区、工厂等企事业单位,传统的手动抄表方式已逐渐不能满足现代化、信息化管理的需求。为了提高抄表工作的效率,减少人工操作的误差,同时保障数据的安全性和实时性,我们提出了拍照采集抄表方案。本方案旨在通过拍照的方式&a…

java使用poi-tl模版引擎导出word之饼状图生成及循环批量生成饼状图

文章目录 一、单个饼状图生成1.word模版制作2.编写接口完整代码3.导出结果 二、批量生成饼图1.word模版制作2.编写接口完整代码3.导出结果 一、单个饼状图生成 1.word模版制作 在word中创建一个饼状图,点击图表,点击“文本选项”,在可选文字…

Conformal low power-2.电源感知等效性检查

电源感知等效性检查 ■ 第24页:电源感知等效性检查概述 ■ 第24页:启动低功耗(等效性检查)软件 ■ 第25页:电源感知等效性检查流程 ■ 第28页:电源感知等效性检查示例Do文件 电源感知等效性检查概述…

【4】A-Frame样例指南——完结

一、如何构建基本场景? 让我们从构建一个基本的 A-Frame场景开始。为此,我们需要对 HTML 有基本的了解。我们将学习如何: 使用原语添加 3D 实体(即对象) 通过位置、旋转、缩放来变换 3D 空间中的实体 添加环境 添加…

泰迪智能科技大数据实验室产品-实训管理平台介绍

高校大数据实验室通常配备有先进的计算机硬件和软件工具,以及专门的数据库和分析平台,以便研究人员和学生能够进行复杂的数据处理、分析和解释。主要利用大数据技术进行科学研究、技术开发和人才培养。 泰迪智能科技实训管理平台作为教学核心&#xff0c…

DBeaver 最新激活应用,亲测可用!!快来试试!!

DBeaver 最新激活应用,亲测可用!!快来试试!!简介DBeaver是一种通用数据库管理工具,适用于需要以专业方式使用数据的每个人;适用于开发人员,数据库管理员https://mp.weixin.qq.com/s/…

WEB安全:网络安全常用术语

一、攻击类别 漏洞:硬件、软件、协议,代码层次的缺陷。 后⻔:方便后续进行系统留下的隐蔽后⻔程序。 病毒:一种可以自我复制并传播,感染计算机和网络系统的恶意软件(Malware),它能损害数据、系统功能或拦…

vs2022报找不到.netframework,version=V4.8的引用程序集

最近在win7上面安装vs2022 17.6版本,打开.net项目编译的时候出现了这个提示。 解决方案就是安装.net4.8开发者工具包,不是运行工具包。 安装完成之后在项目的属性中修改: 点击下载:.net4.8开发者工具包

性价比高的照明品牌有哪些?揭秘五款性价比高的照明灯

我国整体近视率呈低龄高发态势。为什么会这样呢?原因不外乎就是用眼时间长、不良坐姿、不合适的用眼环境。国内的学习压力一直就没有降低过,这也就导致学生课业多,晚上挑灯读写成常态。高强度的用眼自然会对眼睛伤害大。护眼台灯就是一个不错的选择&…

提供跨平台的视觉安防解决方案,满足不同场景的需求的智慧交通开源了。

智慧交通视觉监控平台是一款功能强大且简单易用的实时算法视频监控系统。它的愿景是最底层打通各大芯片厂商相互间的壁垒,省去繁琐重复的适配流程,实现芯片、算法、应用的全流程组合,从而大大减少企业级应用约95%的开发成本。用户只需在界面上…

快手矩阵源码揭秘:短视频运营新利器,一键管理多平台,轻松告别繁琐!

在数字化浪潮席卷全球的今天,短视频已成为人们生活中不可或缺的一部分。无论是抖音、快手还是其他短视频平台,都汇聚了数以亿计的用户,为内容创作者提供了广阔的舞台。然而,随着短视频平台的不断涌现,如何高效、便捷地…

防火墙安全策略用户认证综合实验

基础配置 1,交换机配置(LSW5) 划分vlan10和vlan20,将g0/0/1与与防火墙化为trunk干道,使用防火墙路由模式(子接口),g0/0/2和g0/0/3化为access链路,分别连接生产区&#xf…

1Panel 安装常见问题与解决方案指南

安装 参考 1Panel 文档 - 在线安装 部分,这里仅作常见安装失败的问题解析。 常见Q&A 收集自 1Panel微信群,论坛以及GitHub issue Q1. 安装过程中提示 docker 安装失败 [1Panel Log]: … 启动 docker Failed to enable unit: Unit file docker.ser…

【基于R语言群体遗传学】-15-溯祖理论coalescence

在群体遗传学中,一个非常重要的概念是关注谱系的汇聚(遗传线索的汇合),当我们回溯过去几代人口时。在之前的博客中,我们几乎只处理了随时间推移基因变化的“正向”模拟。 群体遗传学_tRNA做科研的博客-CSDN博客 然而&…

揭秘小红书矩阵系统:源码助力一键自动发布,多平台管理,效率飙升!

在数字化时代,社交媒体已成为品牌和个人展示自我、推广产品的重要舞台。小红书,作为备受年轻人喜爱的社交平台,其影响力不容小觑。然而,面对日益激烈的竞争,如何高效地在小红书上发布内容、管理多平台账号,…

Linux操作系统上用到的磁盘分区管理工具

parted磁盘分区工具 磁盘格式&#xff1a;MBR, GPT, 这两种名称分别是硬盘里面分区表两种格式的称呼&#xff0c; 第一种MBR格式的分区表最大支持2TB的容量&#xff0c; 磁盘的三种分区主分区&#xff0c;扩展分区&#xff0c;逻辑分区&#xff0c;主分区扩展分区<4 第…