node+axios实现服务端文件上传示例
更新时间：2022年06月28日 08:34:03 作者：天问
这篇文章主要介绍了node+axios实现服务端文件上传示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪
最近调研企业wx集成H5应用，其中有一个发送图文消息，需要上传图片到临时素材库。之前做过文件上传到阿里云、七牛云都是服务端提供封装好的文件上传接口，在客户端使用ajax的方式上传。所以就来踩踩坑，使用node+axios实现服务端文件上传。
一、接口文档介绍
请求方式：POST（HTTPS）
请求地址：https://qyapi.weixin.qq.com/cgi-bin/media/upload?access_token=ACCESS_TOKEN&type=TYPE
- 使用
multipart/form-dataPOST上传文件， 文件标识名为”media”。 - POST的请求包中，
form-data中媒体文件标识，应包含有 filename、filelength、content-type等信息。 - 参数说明：
| 参数 | 必须 | 说明 |
|---|---|---|
| access_token | 是 | 调用接口凭证 |
| type | 是 | 媒体文件类型，分别有图片（image）、语音（voice）、视频（video），普通文件（file） |
二、文件上传
2-1.初始化项目
# 创建目录 mkdir upload-demo # 进入upload-demo目录 cd upload-demo # npm 初始化 npm init -y # 创建app.js touch app.js
2-2.安装插件依赖
axios：是一个基于 promise 的 HTTP 库，可以用在客户端浏览器和服务端node.js 中。
form-data：是创建可读multipart/form-data流的库。可用于向其他 Web 应用程序提交表单和文件上传。
npm i -S axios form-data
2-3.上传核心代码
// app.js
const fs = require('fs')
const FormData = require('form-data')
const axios = require('axios')
;(()=>{
let formData = new FormData();
let imgFiles = fs.createReadStream('./test.jpg') // 根目录下需要有一个test.jpg文件
formData.append('media', imgFiles);
axios({
url: 'https://qyapi.weixin.qq.com/cgi-bin/media/upload',
method: 'POST',
params: {
access_token: 'ACCESS_TOKEN', // ACCESS_TOKEN 需要替换为真实 token
type: 'image', // 这里以上图片为例
},
data: formData,
headers: {
'Content-Type': 'multipart/form-data', // 必须要设置
},
}).then(res=>{
console.log(res.data)
})
})();
2-4.执行脚本
node app.js
不出意外会输入以下内容：
{
"errcode": 0,
"errmsg": ""，
"type": "image",
"media_id": "1G6nrLmr5EC3MMb_-zK1dDdzmd0p7cNliYu9V5w7o8K0",
"created_at": "1380000000"
}
其中media_id就是上传到素材库的媒体文件唯一标识，发送图文消息时需要用到。
以上就是node+axios实现服务端文件上传示例的详细内容，更多关于node+axios服务端文件上传的资料请关注脚本之家其它相关文章！
相关文章
本文给大家介绍的是如何在nodejs中调用CMD命令，从而实现目录的复制，非常的实用，有需要的小伙伴可以参考下。2015-05-05
本文将介绍如何在 Node.js 应用中使用 mysql2 和 TypeORM 两种方式操作 MySQL 数据库,文中通过代码示例介绍的非常详细,对大家的学习有一定的帮助,需要的朋友可以参考下2024-05-05
这篇文章主要介绍了Node.js应用设置安全的沙箱环境的方法以及注意事项，对此有需要的朋友可以参考学习下。2018-04-04
这篇文章主要为大家介绍了node+axios实现下载外网文件到本地示例详解，有需要的朋友可以借鉴参考下，希望能够有所帮助，祝大家多多进步，早日升职加薪2022-06-06
Windows中安装nvm进行Node版本控制与详细使用教程
nvm和npm都是node.js版本管理工具,但是为了解决node各种不同之间版本存在不兼容的问题,因此可以通过nvm安装和切换不同版本的node,感兴趣的可以了解一下2023-09-09
这篇文章主要介绍了node 文件上传接口的转发的实现，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧2019-09-09
这篇文章主要介绍了Node.js API详解之 dgram模块用法,结合实例形式分析了Node.js API中dgram模块基本功能、函数、使用方法及操作注意事项,需要的朋友可以参考下2020-06-06
array-uniq是一个非常实用的NPM包,用于在JavaScript中创建不含重复元素的数组,它提供了一个简单而有效的方法来去除数组中的重复项,本文将介绍如何安装和使用array-uniq来清理你的数组数据,需要的朋友可以参考下2024-06-06
大家都知道，Sublime Text 安装插件一般从 Package Control 中直接安装即可，当我安装 node js 插件时候，直接通过Package Control 安装，虽然插件安装成功了，但是找不到配置文件 Nodejs.sublime-build 来更改一些配置2020-05-05
这篇文章主要为大家详细介绍了nodejs服务搭建教程，访问本地站点文件，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-04-04
最新评论