您现在的位置是:网站首页> 编程资料编程资料
node+express+axios实现单文件上传功能_node.js_
2023-05-24
370人已围观
简介 node+express+axios实现单文件上传功能_node.js_
本文实例为大家分享了node+express+axios实现单文件上传的具体代码,供大家参考,具体内容如下
1.安装依赖
在node服务端安装依赖
cnpm i multer --save
2.后端代码
var express = require('express'); var router = express.Router(); //上传商品图片 var multer = require('multer'); var fs = require('fs'); var path = require('path'); //使用表单上传 var upload = multer({ storage: multer.diskStorage({ //设置文件存储位置 destination: function(req, file, cb) { let date = new Date(); let year = date.getFullYear(); let month = (date.getMonth() + 1).toString().padStart(2, '0'); let day = date.getDate(); //直接从根目录开始找 let dir = "./public/uploads/" + year + month + day; //判断目录是否存在,没有则创建 if (!fs.existsSync(dir)) { fs.mkdirSync(dir, { recursive: true }); } //dir就是上传文件存放的目录 cb(null, dir); }, //设置文件名称 filename: function(req, file, cb) { let fileName = file.fieldname + '-' + Date.now() + path.extname(file.originalname); //fileName就是上传文件的文件名 cb(null, fileName); } }) }) //接口地址为:admin/upload/img 根据自己的路由配置来写 router.post('/img',upload.single("imgFile") ,function(req,res,next){ console.log(req); res.json({ file: req.file }) }) module.exports = router;3.前端代码
以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。
您可能感兴趣的文章:
- node+axios实现服务端文件上传示例
- 利用node+koa+axios实现图片上传和回显功能
- 详解Vue+axios+Node+express实现文件上传(用户头像上传)
- nodejs+express实现文件上传下载管理网站
- nodejs基于express实现文件上传的方法
- 详解nodejs实现本地上传图片并预览功能(express4.0+)
- Nodejs+express+html5 实现拖拽上传
- 基于nodejs+express(4.x+)实现文件上传功能
- 使用express+multer实现node中的图片上传功能
- 使用nodejs+express实现简单的文件上传功能
- Ajax异步文件上传与NodeJS express服务端处理
- Nodejs进阶:基于express+multer的文件上传实例
- NodeJS实现图片上传代码(Express)
相关内容
- JavaScript中 Promise 的使用技巧_javascript技巧_
- JavaScript代码优化技巧示例详解_JavaScript_
- vue中的el-tree @node-click传自定义参数_vue.js_
- vue中如何使用jest单元测试_vue.js_
- 使用 JavaScript Promise 读取 Github 用户数据_javascript技巧_
- vue3中调用api接口实现数据的渲染以及详情方式_vue.js_
- Vue 2源码解析Parse函数定义_vue.js_
- Vue 2源码解析HTMLParserOptions.start函数方法_vue.js_
- JavaScript 异步函数 Promisification 处理详情_javascript技巧_
- vue获取参数的几种方式总结_vue.js_
