您现在的位置是:网站首页> 编程资料编程资料

node+express+axios实现单文件上传功能_node.js_

2023-05-24 369人已围观

简介 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.前端代码

以上就是本文的全部内容,希望对大家的学习有所帮助,也希望大家多多支持。

-六神源码网