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

nodejs?實現(xiàn)簡單的文件上傳功能(示例詳解)

 更新時間:2022年02月28日 10:04:12   作者:iwang5566  
這篇文章主要介紹了nodejs?實現(xiàn)簡單的文件上傳功能,文件上傳方式分為三種,本文通過實例代碼給大家詳細介紹,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下

首先需要大家看一下目錄結構,然后開始一點開始我們的小demo。

文件上傳總計分為三種方式:

1.通過flash,activeX等第三方插件實現(xiàn)文件上傳功能。

2.通過html的form標簽實現(xiàn)文件上傳功能,優(yōu)點:瀏覽器兼容好。

3.通過xhr level2的異步請求,可以百度formData對象。

這里使用2做個練習。

node插件請看下package.json文件

{
  "name": "upload",
  "version": "0.1.0",
  "description": "upload demo",
  "main": "app.js",
  "scripts": {
    "test": "echo \"Error: no test specified\" && exit 1"
  },
  "author": "iwang",
  "license": "ISC",
  "dependencies": {
    "body-parser": "^1.15.2",
    "connect-multiparty": "^2.0.0",
    "express": "^4.14.0"
  }
}

  dependencies中就是這次demo的依賴插件。我用的node.js是4.4.4版本的,大家可以把上面代碼替換到你的package.json文件中,執(zhí)行npm install 可以自動安裝demo需要的三個依賴插件。

app.js

/**
 * Created by iwang on 2017/1/15.
 */
//express使用的是@4版本的。
var express = require('express');
//form表單需要的中間件。
var mutipart= require('connect-multiparty');

var mutipartMiddeware = mutipart();
var app = express();
//下面會修改臨時文件的儲存位置,如過沒有會默認儲存別的地方,這里不在詳細描述,這個修改臨時文件儲存的位置 我在百度里查找了三四個小時才找到這個方法,不得不說nodejs真難學。//所以在這里留下我的學習記錄,以備以后翻閱。
app.use(mutipart({uploadDir:'./linshi'}));
//設置http服務監(jiān)聽的端口號。
app.set('port',process.env.PORT || 3000);
app.listen(app.get('port'),function () {
    console.log("Express started on http://localhost:"+app.get('port')+'; press Ctrl-C to terminate.');
});
//瀏覽器訪問localhost會輸出一個html文件
app.get('/',function (req,res) {
    res.type('text/html');
    res.sendfile('public/index.html')
//這里用來玩,express框架路由功能寫的,與上傳文件沒沒有關系。
app.get('/about',function (req,res) {
    res.type('text/plain');
    res.send('Travel about');
//這里就是接受form表單請求的接口路徑,請求方式為post。
app.post('/upload',mutipartMiddeware,function (req,res) {
    //這里打印可以看到接收到文件的信息。
    console.log(req.files);
    /*//do something
    * 成功接受到瀏覽器傳來的文件。我們可以在這里寫對文件的一系列操作。例如重命名,修改文件儲存路徑 。等等。
    *
    * */
    //給瀏覽器返回一個成功提示。
    res.send('upload success!');

public/index.js

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
    <form action="/upload" enctype="multipart/form-data" method="post">
        <p>附件:<input type="file" name="myfile" style=""></p>
        <p>
            <input type="submit">
        </p>
    </form>
</body>
</html>

瀏覽器地址訪問index.html

選取文件:我選擇了一個timg.jpg的文件

點擊提交后跳轉了頁面,提示成功上傳

我們看一下,linshi名字的問價加下是否已經(jīng)存在我們上傳的文件,下面的圖證明文件已經(jīng)儲存在了upload_demo/linshi下面,圖片名字被改成了一個臨時命名。

我們可以在app.js中寫代碼處理我們的圖片文件了。

demo要點:

1.首先安裝好nodejs 我這里的版本為4.4.4。

2.創(chuàng)建一個英文命名的文件。手動,或使用npm init創(chuàng)建一個package.json文件。把上述package.json的文件內容替換掉你創(chuàng)建的package.json文件內容。

3.使用npm install 安裝package.json中的插件。自動生成了node_modules文件。我們的依賴插件都放在了這里。

4.編寫好我們的app.js index.html文件?;蛘邚椭粕鲜鰞商幋a。

5.命令行執(zhí)行node app.js。

6.瀏覽器訪問localhost:3000,即可出現(xiàn)我們的簡單的上傳頁面了。

到此這篇關于nodejs 實現(xiàn)簡單的文件上傳功能的文章就介紹到這了,更多相關nodejs 文件上傳內容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關文章希望大家以后多多支持腳本之家!

相關文章

  • node.js如何自定義實現(xiàn)一個EventEmitter

    node.js如何自定義實現(xiàn)一個EventEmitter

    我們了解到,Node采用了事件驅動機制,而EventEmitter就是Node實現(xiàn)事件驅動的基礎,本文主要介紹了node.js自定義實現(xiàn)EventEmitter,感興趣的可以了解一下
    2021-07-07
  • OpenSCA技術原理npm依賴示例解析

    OpenSCA技術原理npm依賴示例解析

    這篇文章主要為大家介紹了OpenSCA技術原理npm依賴示例解析,有需要的朋友可以借鑒參考下,希望能夠有所幫助,祝大家多多進步,早日升職加薪
    2023-02-02
  • 詳解Node.js讀寫中文內容文件操作

    詳解Node.js讀寫中文內容文件操作

    在本篇文章中我們給大家分享了關于Node.js讀寫中文內容文件操作的相關知識點內容,有需要的朋友們可以學習下。
    2018-10-10
  • Nest.js環(huán)境變量配置與序列化詳解

    Nest.js環(huán)境變量配置與序列化詳解

    這篇文章主要給大家介紹了關于Nest.js環(huán)境變量配置與序列化的相關資料,文中通過示例代碼介紹的非常詳細,對大家的學習或者工作具有一定的參考學習價值,需要的朋友們下面隨著小編來一起學習學習吧
    2021-02-02
  • nodejs中使用worker_threads來創(chuàng)建新的線程的方法

    nodejs中使用worker_threads來創(chuàng)建新的線程的方法

    這篇文章主要介紹了nodejs中使用worker_threads來創(chuàng)建新的線程的方法,本文給大家介紹的非常詳細,對大家的學習或工作具有一定的參考借鑒價值,需要的朋友可以參考下
    2021-01-01
  • yarn的安裝及使用詳解

    yarn的安裝及使用詳解

    Yarn 就是一個類似于 npm 的包管理工具,它是由 facebook 推出并開源,與 npm 相比,yarn 有著眾多的優(yōu)勢,主要的優(yōu)勢在于:速度快、離線模式、版本控制,這篇文章主要介紹了yarn的安裝及使用教程,需要的朋友可以參考下
    2022-08-08
  • npm與nrm兩種方式查看源和切換鏡像詳解

    npm與nrm兩種方式查看源和切換鏡像詳解

    nrm(npm registry manager )是npm的鏡像源管理工具,它可以快速在讓你在本地源之間切換,下面這篇文章主要給大家介紹了關于npm與nrm兩種方式查看源和切換鏡像的相關資料,需要的朋友可以參考下
    2023-02-02
  • Node.js程序中的本地文件操作用法小結

    Node.js程序中的本地文件操作用法小結

    這篇文章主要介紹了Node.js程序中的本地文件操作用法小結,作為運行在服務器端的JavaScript解釋器,Node中自然擁有操作本地文件的方法,需要的朋友可以參考下
    2016-03-03
  • NodeJS和BootStrap分頁效果的實現(xiàn)代碼

    NodeJS和BootStrap分頁效果的實現(xiàn)代碼

    這篇文章主要介紹了NodeJS和BootStrap分頁效果的實現(xiàn)代碼的相關資料,非常不錯具有參考借鑒價值,需要的朋友可以參考下
    2016-11-11
  • Node.js批量給圖片加水印的方法

    Node.js批量給圖片加水印的方法

    這篇文章主要介紹了Node.js批量給圖片加水印的方法,本文分步驟給大家介紹的非常詳細,需要的朋友可以參考下
    2016-11-11

最新評論