node服务器端接收前端上传图片并返回url路径保存数据库
通过npm安装multer插件https://www.npmjs.com/package/multer
首先先在node根目录的入口js文件中注册express.static中间件
/images是express.static
函数指定一个虚拟的静态目录,指向../uploads本地目录,可以改成./uploads 或者/uploads绝对路径,./uploads指向的就是项目跟目录下的uploads,文件夹需要提前建好,还需引入node中的path模块
app.use('/images', express.static(path.join(__dirname, '../uploads')));
通过express.router将方法导出,在node入口js文件中注册,前端调用uploadImg接口,将拼接好的图片url返回给前端就可以了
const express = require('express');
const router = express.Router();
const multer = require("multer");
const key = require('../../config/keys')// 设置图片存储路径
var storage = multer.diskStorage({destination: function (req, file, cb) {cb(null, '../uploads'); // ../uploads是将存放图片文件夹创建在node项目平级,./uploads会存放在node项目根目录下,需要提前建好文件夹,否则会报错},filename: function (req, file, cb) {cb(null, `${Date.now()}-${file.originalname}`) // 文件名}
})// 添加配置文件到muler对象。
var upload = multer({ storage: storage });/**** 图片上传 并将拼接好的图片url返回给前端,示例:(http://127.0.0.1:8000/images/xxxx.png)*/
router.post('/uploadImg', upload.single('file'), (request, res) => {res.json({code: 200,data: {img: `http://172.0.0.1:8056/images/${request.file.filename}`},msg: '上传成功'})
})module.exports = router
const common = require('./router/common/common')
app.use("/api/common",common)
node服务器端接收前端上传图片并返回url路径保存数据库相关推荐
- php在数据库中上传图片格式,如何上传图片并在php中保存数据库中的URL
在这个PHP代码中我想自定义图像上传目的地 . 有了这个php文件,我有一个名为uploads的目录 . 我想将我上传的所有图像添加到此目录并在db中存储路径 . 我怎样才能做到这一点? // Ass ...
- mysql获取亚马逊数据_亚马逊(MWS)订单查询-ListOrders查询返回xml数据保存数据库——PHP...
//设置编码格式 header("Content-type: text/html; charset=utf-8"); //用mysqli来连接数据库(服务器,用户名,密码,数据库名 ...
- 如何在Node.js的httpServer中接收前端发送的arraybuffer数据
最近使用了protobuf进行数据交互,发送在node.js接收前端的二进制数据出现了数据错误等问题.后来发现思路上面的问题,在req.on('data',()=>{})事件中的处理不适当才引发 ...
- 上传图片到linux返回url,Springboot 将前端传递的图片上传至Linux服务器并返回图片的url(附源码)...
问题由来: 用户个人信息需要添加头像功能 当前端程序是微信小程序时,前端将直接将图片 url 传送至服务端 但是当前端是 Web 页面时,前端传递的参数是一张图片,服务端需要将图片保存至 Linux ...
- 七牛云上传图片并返回图片URL
1.七牛云注册登录 https://portal.qiniu.com/signup/choice 完成实名认证,传身份证正反面之等,大概一个小时左右就认证成功了 2.新建存储空间 地区可以自己选择 3 ...
- python后端接收数据_python后端开发使用flask接收前端数据,处理后返回结果
from flask import Flask, request import json, time, datetime import pysolr import pandas as pd ''' 使 ...
- 前端通过后端返回的url下载图片方法
前端通过后端返回的url下载图片方法: 1.a标签下载方式: <div class="code-info"><img :src="data.qrCode ...
- 前端上传图片至服务器,然后前端通过url访问图片
后端需挂载图片路径,前端上传图片时直接上传至挂载路径. 添加虚拟路径访问,例如图片都存放在linux服务器的/root/avatar/目录下,访问时想设置avatar代替目录,若web端口为10000 ...
- 小程序录音上传服务器,微信小程序录音实现功能并上传(使用node解析接收)
微信小程序录音实现功能并上传(使用node解析接收) 发布时间:2020-09-04 11:59:06 来源:脚本之家 阅读:97 作者:weixin_43188227 背景 我在开发小程序的时候,有 ...
最新文章
- python 开始学习
- MapReduce编程实战之“I/O”
- 多网卡指定网卡发送数据
- ABAP data extract 数据抽取总结
- X265源码解析1-Encode方法
- python include的功能_在Python的Config中增加Include功能
- 安装python遇到错误_安装Python时遇到如下问题,解决方案
- java 取栈顶元素_java集合系列(7)Stack
- window.location.href和window.location.replace
- 【codeforces 340B】Maximal Area Quadrilateral
- C#|GMap.NET控件基本使用-高德地图
- 概率论与数理统计 第四版 课后习题解析
- 从计算、建模到回测:因子挖掘的最佳实践
- matlab 参数辨识,Matlab系统辨识尝试之详细过程1
- 我们工作到底为了什么
- Redmi首款超高性价比笔记本明日开售 售价3999元起
- 随便谈谈IT行业的几个定律
- 毕设论文格式整理及常见问题解决
- cesium 加载热力图
- 人心难测——冒充身份类诈骗