亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb

首頁 > 編程 > JavaScript > 正文

node.js使用express框架進行文件上傳詳解

2019-11-19 12:02:52
字體:
來源:轉載
供稿:網友

關于node.js使用express框架進行文件上傳,主要來自于最近對Settings-Sync插件做的研究。

目前的研究算是取得的比較好的進展。

Settings-Sync中通過快捷鍵上傳文件,其實主要還是請求后端接口。

于是我便使用node.js模擬一個服務,這個服務其實就相當于github api(Settings-Sync實際請求的接口,比如token驗證,gist存儲創建等都是來自github 對應的api)。

話不多說,直接代碼貼起講解:

1.創建一個node.js項目(這里我以express框架為例)

關于如何創建一個node.js項目我就不詳細說,通常通過npm init就可以創建一個node.js項目了。
關于node.js項目詳細教程,可以參考該篇文章nodeJS入門――新建一個項目及代碼詳解
當然了,如果你是直接通過這篇文章操作,最先可能會報這個錯誤,錯誤信息如下:

'express' 不是內部或外部命令,也不是可運行的程序或批處理文件。

解決方式很簡單,并不是npm install -g express就可以的,在此之前還需執行npm install -g express-generator

這條命令很好理解,你可以將其理解為你的express框架生成器,以Java中Maven來說,通常ide就把maven結構都弄好了,你只需在創建項目的時候,勾選maven即可,它會自己將所有相關項目包括配置文件一起生成。

雖然說我將地址貼出來,但是我覺得還是實際操作一遍,這樣對此有一個感性認識(初學編程的人或者是已經有編程經驗的人,是絕對不能忽略這一點的)。

流程如下:

a.使用express命令創建express項目

express blog

效果圖如下:

express非常有人性化,已經告訴你怎么進入blog項目及其安裝相關的庫依賴和啟動了,你只需按照它的這個步驟,一步一步來就行了

b.目錄結構分析示意圖如下所示:

  • app.js:――啟動文件,也可以說是主文件入口。
  • package.json――定義了這個項目所需要的各種模塊,以及項目的配置信息(比如名稱、版本、許可證等元數據)。npm install命令根據這個配置文件,自動下載所需的模塊,也就是配置項目所需的運行和開發環境。
  • node_modules――存放package.json中安裝的模塊,當你在package.json添加依賴的模塊并安裝后,存放在這個文件夾下
  • public――存放image、css、js等文件
  • routes――存放路由文件
  • views――存放視圖文件或者說模板文件
  • bin――存放可執行文件

2.使用express框架進行文件上傳

注意,目錄結構如下所示(我主要是復用最近研究的mock-github-api):

a.準備html文件

public文件夾主要放置靜態文件,如index.html

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>文件上傳</title></head><body> <h3>文件上傳:</h3> 選擇一個文件上傳: <br /> <form action="/gists" method="post" enctype="multipart/form-data">  <input type="file" name="content" />  <br />  <input type="submit" value="上傳文件" /> </form> </body></html>

b.編寫相關的js

像upload.js屬于路由,通常放置在routes文件夾下

var fs = require('fs');var express = require('express');var multer = require('multer');var path = require('path');var router = express.Router();var upload = multer({dest: 'upload_tmp/'});router.post('/', upload.any(), function(req, res, next) { console.log(req.files[0]); // 上傳的文件信息 var des_file = "./upload/" + req.files[0].originalname; fs.readFile( req.files[0].path, function (err, data) {  fs.writeFile(des_file, data, function (err) {   if( err ){    console.log( err );   }else{    response = {     message:'File uploaded successfully',     filename:req.files[0].originalname    };    console.log( response );    res.end( JSON.stringify( response ) );   }  }); });});module.exports = router;

c.上傳文件及其效果頁面圖:

 

上傳成功顯示圖:

upload文件夾下會有對應的文件(也就是你剛剛通過頁面上傳的文件)

最后例子中還有阿里云和騰訊云的圖片存儲,大家可以做一個參考。

源碼地址為:https://github.com/developers-youcong/mock-github-api

希望能夠對大家有所啟發和幫助

注意,可能遇到的問題:

問題一:靜態資源需要放行,否則無法訪問
在index.js補充這段代碼即可解決這個問題

app.use(express.static(path.join(__dirname, 'public')))

問題二:socket hang up

我將var bodyParser = require(‘body-parser')去除就解決了這個問題

錯誤信息:ERROR: { [Error: socket hang up] code: 'ECONNRESET' }

分析原因:由于某種原因,導致http目標地址建立socket連接的時候出錯
錯誤解決:經過對比查找,發現我這里nodejs項目中有對中間件“body-parser”的使用,將其去除,則沒有問題了
還有其他一些原因,這里暫時沒有遇到,就不多做解釋了,

發表評論 共有條評論
用戶名: 密碼:
驗證碼: 匿名發表
亚洲香蕉成人av网站在线观看_欧美精品成人91久久久久久久_久久久久久久久久久亚洲_热久久视久久精品18亚洲精品_国产精自产拍久久久久久_亚洲色图国产精品_91精品国产网站_中文字幕欧美日韩精品_国产精品久久久久久亚洲调教_国产精品久久一区_性夜试看影院91社区_97在线观看视频国产_68精品久久久久久欧美_欧美精品在线观看_国产精品一区二区久久精品_欧美老女人bb
国产精品欧美一区二区三区奶水| 色噜噜久久综合伊人一本| 黄色成人av在线| 91久久精品美女| 欧美精品在线极品| 国产视频久久久| 久久久视频精品| 日韩精品亚洲精品| 亚洲永久在线观看| 日韩二区三区在线| 久久久久999| 91精品国产91久久久久久久久| 亚洲欧美激情一区| 国产精品流白浆视频| 韩曰欧美视频免费观看| 日韩av影院在线观看| 欧美亚洲成人免费| 欧美日韩裸体免费视频| 在线观看91久久久久久| 成人免费视频xnxx.com| 51精品在线观看| 91久久久久久国产精品| 国产一区二区三区18| 国产主播精品在线| 亚洲a中文字幕| 久久久国产精品免费| 亚洲激情在线观看| 成人免费视频97| 亚洲伊人久久大香线蕉av| 91麻豆桃色免费看| 久久精品99久久久香蕉| 亚洲人成网站免费播放| 理论片在线不卡免费观看| 日韩欧美在线观看视频| 青青久久av北条麻妃海外网| 国产精品成人av性教育| 国产精品视频自在线| 久久成人综合视频| 欧美网站在线观看| 欧美一级免费视频| 亚洲精品久久久久中文字幕二区| 亚洲成人在线视频播放| 欧美亚洲另类在线| 在线播放日韩专区| 狠狠做深爱婷婷久久综合一区| 亚洲影视中文字幕| 日韩中文字幕免费| 在线观看国产精品91| 日本韩国欧美精品大片卡二| 国产999在线| 91精品国产91久久久| 久久91亚洲人成电影网站| 成人啪啪免费看| 91久久国产综合久久91精品网站| 91精品久久久久久久久久久久久| 精品国产欧美一区二区五十路| 欧美国产日韩一区二区| 深夜福利亚洲导航| 欧美精品久久久久久久免费观看| 亚洲欧美一区二区三区在线| 日韩精品在线免费| 色偷偷综合社区| 国产日韩换脸av一区在线观看| 日韩在线视频免费观看高清中文| 91精品在线观看视频| 久久久伊人日本| 成人亚洲综合色就1024| 韩国一区二区电影| 国产成人综合精品| 久久免费视频在线观看| 欧美亚洲一区在线| 精品国产福利在线| 亚洲娇小xxxx欧美娇小| 国产经典一区二区| 国产精品久久久久久久久久久不卡| 国产精品视频网| 日韩福利视频在线观看| 国产精品高清免费在线观看| 国产拍精品一二三| 精品久久久在线观看| 亚洲人av在线影院| 久久久久久中文字幕| 宅男66日本亚洲欧美视频| 亚洲第一综合天堂另类专| 北条麻妃久久精品| 日韩av免费在线观看| 亚洲国产中文字幕在线观看| 国产在线精品成人一区二区三区| 欧美wwwwww| 久久久久久国产精品三级玉女聊斋| 亚洲精品理论电影| 国产成人一区二区三区小说| 欧美成人高清视频| 国内久久久精品| 日韩欧美亚洲范冰冰与中字| 亚洲摸下面视频| 国产91亚洲精品| 欧美一级大片在线观看| 欧美激情精品久久久久久大尺度| 欧美一区视频在线| 亚洲一区二区国产| 亚洲一区999| 国产成人中文字幕| 欧美日韩免费观看中文| 日韩美女福利视频| 91精品综合久久久久久五月天| 欧美日韩国产第一页| 亚洲欧美制服综合另类| 久久伊人91精品综合网站| 精品欧美激情精品一区| 色在人av网站天堂精品| 热99在线视频| 亚洲福利视频网| 欧美一级淫片videoshd| 亚洲影视九九影院在线观看| 国产精品99久久99久久久二8| 黑人狂躁日本妞一区二区三区| 97色在线观看免费视频| 欧美在线观看视频| 91久久精品国产| 日韩中文字幕在线播放| 亚洲自拍中文字幕| 国产精品99久久久久久久久久久久| 国产精品日日做人人爱| 国产成人高潮免费观看精品| 一区二区三区高清国产| 亚洲国产一区二区三区在线观看| 日本老师69xxx| 午夜精品一区二区三区视频免费看| 久久乐国产精品| 91国产精品电影| 久久久久久久久久亚洲| 亚洲成人免费在线视频| 日韩精品有码在线观看| 国产91在线播放九色快色| 久久福利视频导航| 亚洲精品电影在线| 久久亚洲综合国产精品99麻豆精品福利| 亚洲日韩第一页| 国产精品中文字幕在线观看| 欧美电影免费观看电视剧大全| 国产一区二区在线播放| 亚洲国产高潮在线观看| 欧美日韩国产一区二区| 欧美肥老妇视频| 欧美小视频在线观看| 欧美国产日韩二区| 欧美综合在线观看| 欧美精品久久久久久久久久| 亚洲国产成人一区| 成人免费福利视频| 欧美激情国产高清| 亚洲毛片在线观看| 欧美精品日韩三级| 欧美猛男性生活免费| 亚洲精品suv精品一区二区| 亚洲情综合五月天| 国产亚洲在线播放| 久久夜色撩人精品| 精品国产乱码久久久久久天美| 国产婷婷成人久久av免费高清| 亚洲综合一区二区不卡| 日本国产一区二区三区| 国产综合香蕉五月婷在线|