最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线

使用nodejs+express實現(xiàn)簡單的文件上傳功能

 更新時間:2017年12月27日 11:48:26   作者:Whirring  
這篇文章主要介紹了使用nodejs+express完成簡單的文件上傳功能,需要的朋友可以參考下

1.建立express項目

express -e nodejs-uploadfile

2.下載multer中間件

npm i multer or yarn multer

3.在routes/index.js中引用multer,由于還要使用到文件操作,還要引用fs模塊,并指定文件上傳目錄

const multer = require('multer');
const fs = require('fs');
const UPLOAD_PATH = './uploads'

單文件上傳: index.html中文件如下( form文件的類型必須為 enctype="multipart/form-data" ),

<form action="/upload" method="post" enctype="multipart/form-data">
 <input name="fileUpload" type="file" />
 <img src="" alt="">
 <button type="submit">上傳</button>
</form>

在routes/index.js里面添加upload路由用來處理上傳文件的操作

router.post('/upload', upload.single('fileUpload'), function (req, res, next) {
 const { file } = req;
 fs.readFile(file.path, function(err, data) {
 fs.writeFile(`${UPLOAD_PATH}/${file.originalname}`, data, function (err) {
  if (err) res.json({ err })
  res.json({
  msg: '上傳成功'
  });
 });
 })
})

如果上傳的文件是圖片的話,還可以使用FileReader對象實現(xiàn)圖片預(yù)覽

(function($){
 $('input').on('change', function(event) {
 var files = event.target.files,
  reader = new FileReader();
 if(files && files[0]){
  reader.onload = function (ev) {
   $('img').attr('src', ev.target.result);
  }
  reader.readAsDataURL(files[0]);
 }
 })
}(jQuery))

多文件上傳: 多文件上傳的原理和單文件上傳的原理一樣,代碼如下:

router.post('/upload', upload.array('fileUpload'), function (req, res, next) {
 const files = req.files;
 const response = [];
 const result = new Promise((resolve, reject) => {
 files.map((v) => {
  fs.readFile(v.path, function(err, data) {
  fs.writeFile(`${UPLOAD_PATH}/${v.originalname}`, data, function(err, data) {
   const result = {
   file: v,
   }
   if (err) reject(err);
   resolve('成功');
  })
  })
 })
 })
 result.then(r => {
 res.json({
  msg: '上傳成功',
 })
 }).catch(err => {
 res.json({ err })
 });
})

相關(guān)代碼在 github.com/bWhirring/n…

總結(jié)

以上所述是小編給大家介紹的使用nodejs+express實現(xiàn)簡單的文件上傳功能,希望對大家有所幫助,如果大家有任何疑問請給我留言,小編會及時回復(fù)大家的。在此也非常感謝大家對腳本之家網(wǎng)站的支持!

相關(guān)文章

  • node.js中的http.response.addTrailers方法使用說明

    node.js中的http.response.addTrailers方法使用說明

    這篇文章主要介紹了node.js中的http.response.addTrailers方法使用說明,本文介紹了http.response.addTrailers的方法說明、語法、接收參數(shù)、使用實例和實現(xiàn)源碼,需要的朋友可以參考下
    2014-12-12
  • nodejs實現(xiàn)遍歷文件夾并統(tǒng)計文件大小

    nodejs實現(xiàn)遍歷文件夾并統(tǒng)計文件大小

    這篇文章主要介紹了nodejs實現(xiàn)遍歷文件夾并統(tǒng)計文件大小,下面使用nodejs的遍歷文件夾文件內(nèi)容,并且讀取所有的文件,并采取排序往大到小的順序進行輸出,需要的朋友可以參考下
    2015-05-05
  • 運行Node.js的IIS擴展iisnode安裝配置筆記

    運行Node.js的IIS擴展iisnode安裝配置筆記

    這篇文章主要介紹了運行Node.js的IIS擴展iisnode安裝配置筆記,iisnode的擴展可以把Node.js程序托管到IIS,托管之后也意味著可以使用IIS里面的各種功能,需要的朋友可以參考下
    2015-03-03
  • 使用Node.js給圖片加水印的方法

    使用Node.js給圖片加水印的方法

    使用Node.js給圖片加水印,首先要確保本地安裝了node環(huán)境。然后,我們進行圖像編輯操作需要用到一個Node.js的庫:images。具體詳情大家可以通過本文了解下
    2016-11-11
  • 利用nvm管理多個版本的node.js與npm詳解

    利用nvm管理多個版本的node.js與npm詳解

    這篇文章主要給大家介紹了關(guān)于利用nvm管理多個版本的node.js與npm的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考學(xué)習(xí)價值,需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧。
    2017-11-11
  • mac下安裝node.js的詳細(xì)步驟

    mac下安裝node.js的詳細(xì)步驟

    Node.js本質(zhì)上是一個JavaScript運行時環(huán)境,它提供了在服務(wù)器端運行JavaScript代碼的能力,這篇文章主要給大家介紹了關(guān)于mac下安裝node.js的詳細(xì)步驟,需要的朋友可以參考下
    2023-10-10
  • Node.js 使用流實現(xiàn)讀寫同步邊讀邊寫功能

    Node.js 使用流實現(xiàn)讀寫同步邊讀邊寫功能

    本文通過代碼給大家介紹了Node.js 使用流實現(xiàn)讀寫同步邊讀邊寫功能,非常不錯,具有參考借鑒價值,需要的額朋友參考下吧
    2017-09-09
  • adm-zip-0.4.13-中文文檔詳解

    adm-zip-0.4.13-中文文檔詳解

    這篇文章主要介紹了adm-zip-0.4.13-中文文檔,本文給大家介紹的非常詳細(xì),對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2023-05-05
  • node 標(biāo)準(zhǔn)輸入流和輸出流代碼實例

    node 標(biāo)準(zhǔn)輸入流和輸出流代碼實例

    這篇文章主要介紹了node 標(biāo)準(zhǔn)輸入流和輸出流代碼實例,文中通過示例代碼介紹的非常詳細(xì),對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價值,需要的朋友可以參考下
    2019-09-09
  • node如何實現(xiàn)cmd彈窗交互之inquirer

    node如何實現(xiàn)cmd彈窗交互之inquirer

    這篇文章主要介紹了node如何實現(xiàn)cmd彈窗交互之inquirer問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教
    2023-10-10

最新評論

左云县| 榆林市| 乐业县| 霸州市| 长海县| 宝兴县| 军事| 武宁县| 于田县| 开阳县| 德钦县| 共和县| 屏东市| 家居| 汾阳市| 通州市| 大石桥市| 公安县| 固镇县| 武陟县| 繁昌县| 元氏县| 金昌市| 绵竹市| 梅州市| 平泉县| 连山| 绥江县| 赫章县| 临武县| 招远市| 濮阳县| 佛教| 喜德县| 永胜县| 昔阳县| 满城县| 平安县| 公安县| 澳门| 荥阳市|