亚洲乱码中文字幕综合,中国熟女仑乱hd,亚洲精品乱拍国产一区二区三区,一本大道卡一卡二卡三乱码全集资源,又粗又黄又硬又爽的免费视频

node?+?multer?實(shí)現(xiàn)文件上傳過程

 更新時(shí)間:2022年09月06日 09:32:34   作者:Tangctt  
這篇文章主要介紹了node?+?multer?實(shí)現(xiàn)文件上傳過程,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。如有錯(cuò)誤或未考慮完全的地方,望不吝賜教

node + multer 實(shí)現(xiàn)文件上傳

介紹

使用Node.js中的express框架和multer,實(shí)現(xiàn)文件的上傳

實(shí)現(xiàn)

1. 前端

<el-upload
? ? ? ? class="upload-demo"
? ? ? ? action="http://localhost:5678/uploadModel"
? ? ? ? :show-file-list="false"
? ? ? ? :on-success="getUploadSuccess"
? ? ? ? >
? ? ? ? <el-button size="small" type="primary">點(diǎn)擊上傳</el-button>
</el-upload>
getUploadSuccess(res, file) {
? ? ? // this.avatar = res.avatar;
? ? ? // console.log(564);
? ? ? this.$message({
? ? ? ? type: "success",
? ? ? ? message: "模型上傳成功!",
? ? ? });
? ? },

通過element ui組件庫(kù)中的el-upload上傳組件和el-button按鈕

點(diǎn)擊上傳按鈕,激活el-upload組件的action調(diào)用對(duì)應(yīng)的后端接口

2. 后端接口

var multer = require('multer');
// 此操作會(huì)創(chuàng)建uploads文件夾,也可理解為最終存儲(chǔ)的目標(biāo)文件夾,服務(wù)啟動(dòng)就會(huì)自動(dòng)創(chuàng)建
var upload = multer({ dest: 'Simulation_Model/' });
// 此操作理解為,將文件暫時(shí)儲(chǔ)存在這個(gè)文件夾中
var storage = multer.diskStorage({
? ? destination: function (req, file, cb) {
? ? ? ? cb(null, './Simulation_Model')
? ? },
? ? filename: function (req, file, cb) {
? ? ? ? cb(null, file.originalname)
? ? }
})
var upload = multer({ storage: storage })
// 調(diào)用接口,上傳文件
app.post('/uploadModel', upload.single('file'), function (req, res, next) {
? ? if (req.file === undefined) {
? ? ? ? return res.send("模型上傳失敗!");
? ? }
? ? // fs.renameSync(oldpath, newpath);新路徑和舊路徑都要存在
? ? // 將文件從舊文件夾剪切到新文件夾中,由于我們只需要一個(gè)文件夾,所以新路徑與舊路徑相同,
? ? fs.renameSync('./Simulation_Model/' + req.file.filename, "./Simulation_Model/" + req.file.originalname);
? ? res.send("模型上傳成功!");
})

上傳成功后,文件保存在后端目錄的Simulation_Model文件夾內(nèi) 

node+express+multer 實(shí)現(xiàn)單文件上傳、下載

routes/index.js

  • node express 部署到服務(wù)器,用pm2進(jìn)行管理。啟動(dòng)的時(shí)候需要進(jìn)去 /bin 目錄
  • 服務(wù)器 上傳文件路徑 : “.. /public/uploads”
  • 本地上傳文件路徑 : “./public/uploads”
  • 下載文件不能通過ajax請(qǐng)求和axios,需要通過a標(biāo)簽或者
window.location.herf = '下載文件接口'

下載文件的接口需要寫成get請(qǐng)求方式

/*
 * @Author: 471826078@qq.com
 * @Date: 2020-05-21 09:48:04
 * @LastEditors: 471826078@qq.com
 * @LastEditTime: 2020-06-12 14:42:17
 */
var express = require('express');
var router = express.Router();
const multer = require('multer')
const path = require('path')
const http = require('http')
const fs = require('fs')
let upload = multer({
  storage: multer.diskStorage({
    destination: function (req, file, cb) {
      // cb(null, './public/uploads');      //本地
      cb(null, '../public/uploads');  //服務(wù)器
    },
    filename: function (req, file, cb) {
      var changedName = new Date().toISOString().replace(/:/g, '-') +'-'+ file.originalname;
      cb(null, changedName);
    }
  })
})
/* GET home page. */
router.get('/', function (req, res, next) {
  res.render('index', { title: 'Express' });
});
//單個(gè)圖片文件上傳
router.post('/uploadImage', upload.single('file'), (req, res) => {
  if (!req.file) {  //判斷一下文件是否存在,也可以在前端代碼中進(jìn)行判斷。
    res.json({
      code: 0,
      message: "上傳文件不能為空!",
      data: null
    })
    return false
  }
  //返回路徑需要轉(zhuǎn)義  否則會(huì)返回反斜杠格式數(shù)據(jù) 導(dǎo)致微信小程序識(shí)別不了本地圖片 http://localhost:8888//uploads\images\1582511344098-1.jpg
  let filePath = req.file.path;
  let pathResult = filePath.split('\\').join('/');
  res.json({
    code: 1,
    type: 'uploadImage',
    message: "上傳成功!",
    data: req.file.path,
    originalname: req.file.originalname,
    path:'線上服務(wù)地址' + pathResult
  })
});
//下載文件
router.get('/download',(req, res, next)=>{
  const name = req.body.name;
  console.log(name)
  var path = '../public/download/'+ name;
  var size = fs.statSync(path).size;
  var f = fs.createReadStream(path);
  res.writeHead(200, {
    'Content-Type': 'application/force-download',
    'Content-Disposition': 'attachment; filename=' + name,
    'Content-Length': size
  });
  f.pipe(res);
})
module.exports = router;

以上為個(gè)人經(jīng)驗(yàn),希望能給大家一個(gè)參考,也希望大家多多支持腳本之家。 

相關(guān)文章

  • node腳本實(shí)現(xiàn)自動(dòng)化簽到和抽獎(jiǎng)功能

    node腳本實(shí)現(xiàn)自動(dòng)化簽到和抽獎(jiǎng)功能

    本文主要介紹了node腳本實(shí)現(xiàn)自動(dòng)化簽到和抽獎(jiǎng)功能,文中通過示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下
    2022-01-01
  • nodejs連接mysql數(shù)據(jù)庫(kù)及基本知識(shí)點(diǎn)詳解

    nodejs連接mysql數(shù)據(jù)庫(kù)及基本知識(shí)點(diǎn)詳解

    這篇文章主要介紹了nodejs連接mysql數(shù)據(jù)庫(kù),結(jié)合實(shí)例形式總結(jié)分析了nodejs連接與操作mysql數(shù)據(jù)庫(kù)的相關(guān)模板、配置及mysql數(shù)據(jù)庫(kù)查詢、添加數(shù)據(jù)等操作技巧,需要的朋友可以參考下
    2018-03-03
  • node中如何使用redis的實(shí)現(xiàn)

    node中如何使用redis的實(shí)現(xiàn)

    本文主要介紹了node中如何使用redis的實(shí)現(xiàn),文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2023-06-06
  • node.js實(shí)現(xiàn)websocket的即時(shí)通訊詳解

    node.js實(shí)現(xiàn)websocket的即時(shí)通訊詳解

    這篇文章主要介紹了深入淺出講解websocket的即時(shí)通訊,服務(wù)器可以主動(dòng)向客戶端推送信息,客戶端也可以主動(dòng)向服務(wù)器發(fā)送信息,是真正的雙向平等對(duì)話,屬于服務(wù)器推送技術(shù)的一種,需要的朋友可以參考下
    2023-05-05
  • 淺談KOA2 Restful方式路由初探

    淺談KOA2 Restful方式路由初探

    這篇文章主要介紹了淺談KOA2 Restful方式路由初探,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2019-03-03
  • nodeJs鏈接Mysql做增刪改查的簡(jiǎn)單操作

    nodeJs鏈接Mysql做增刪改查的簡(jiǎn)單操作

    本篇文章主要介紹了nodeJs鏈接Mysql做增刪改查的簡(jiǎn)單操作,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2017-02-02
  • 使用forever管理nodejs應(yīng)用教程

    使用forever管理nodejs應(yīng)用教程

    這篇文章主要介紹了使用forever管理nodejs應(yīng)用教程,本文介紹了forever的安裝、常用命令等,最有用的莫過于文件改動(dòng)監(jiān)聽并自動(dòng)重啟了,這可以增加開nodejs應(yīng)用的效率,需要的朋友可以參考下
    2014-06-06
  • Node.js進(jìn)程管理之子進(jìn)程詳解

    Node.js進(jìn)程管理之子進(jìn)程詳解

    本文詳細(xì)講解了Node.js進(jìn)程管理之子進(jìn)程,文中通過示例代碼介紹的非常詳細(xì)。對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2022-07-07
  • Centos7 安裝Node.js10以上版本的方法步驟

    Centos7 安裝Node.js10以上版本的方法步驟

    這篇文章主要介紹了Centos7 安裝Node.js10以上版本的方法步驟,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
    2019-10-10
  • 用node開發(fā)并發(fā)布一個(gè)cli工具的方法步驟

    用node開發(fā)并發(fā)布一個(gè)cli工具的方法步驟

    這篇文章主要介紹了用node開發(fā)并發(fā)布一個(gè)cli工具的方法步驟,小編覺得挺不錯(cuò)的,現(xiàn)在分享給大家,也給大家做個(gè)參考。一起跟隨小編過來看看吧
    2019-01-01

最新評(píng)論