上傳檔案小例

阿新 • • 發佈：2020-12-13

技術標籤：NODEJS 學習筆記

html 頁面

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>06-uploadFile</title>
</head>
<body>
    <!--
        form表單檔案上傳
        注意:
        1.  請求方式必須是post
        2.  傳遞資料的格式不能是鍵值對格式, 要是formData格式
            application/x-www-form-urlencoded 預設, 鍵值對格式
            multipart/form-data formData格式, 檔案上傳的格式
            text/plain 文字格式
    --> 

    <form action="http://127.0.0.1:9988/upload" method="post" enctype="multipart/form-data">
        <input type="file" name="myfile">
        <input type="submit">
    </form>
</body>
</html>

在這裡插入圖片描述

js 頁面

const http = 
 require("http");
const fd = require("formidable");
const fs = require("fs");
http.createServer(function (req, res) {
    if (req.method == "POST") {
        // 檔案上傳的請求
        /*
            上傳的檔案資料 儲存在req物件裡
            檔案上傳的原理
                當檔案從前端傳遞到後臺時, 實際上node會將其先放置到一個臨時資料夾裡, 我們需要做的是 通過req物件, 從臨時資料夾裡獲取檔案, 然後將檔案移動到 目的位置

                1. 通過req物件先拿到臨時檔案
                2. 移動 將其放到我們想要放的位置

           通過req物件獲取檔案, 我們需要藉助一個外掛 formidable外掛
         */ 

        // 1. 建立檔案上傳物件
        let uploadObj = new fd.IncomingForm();

        //2. 讀取req物件裡的傳遞的檔案資訊
        uploadObj.parse(req, function (error, fields, files) {
            /*
                error: 錯誤資訊
                fields: 除了檔案資訊之外的配置資訊
                files: 本次上傳的檔案的資訊
             */
            console.log(files);
            // 通過key獲取檔案資訊物件
            let fileInfos = files.myfile;
            // 檔名
            let filename = fileInfos.name;
            // 臨時路徑
            let tempPath = fileInfos.path;
            // 將檔案從臨時路徑移動到目標路徑
            // 目標路徑
            let targetPath = filename;
            // node裡移動的原理是通過fs模組 先從臨時路徑讀取檔案, 再把檔案寫入到目標路徑
            let readS = fs.createReadStream(tempPath);
            let writeS = fs.createWriteStream(targetPath);
            readS.pipe(writeS);
        });
        res.end();
    } else {
        res.end();
    }
}).listen(9988, function () {
    console.log("listening:9988...");
});

上傳檔案小例

技術標籤：NODEJS 學習筆記 html 頁面 <!DOCTYPE html> <html lang="en"> <head>

Day12-微信小程式實戰-交友小程式-搭建伺服器與上傳檔案到後端

要搞一個小型的cms內容釋出系統因為小程式上線之後，直接對資料庫進行操作的話，慧出問題的，所以一般都會做一個管理系統，讓工作人員通過這個管理系統來對這個資料庫進行增刪改查

檔案上傳下載小工具

目錄前言原始碼鑑賞食用方法前言雖然現在檔案上傳下載工具多如牛毛，比如http、ftp、sftp、scp等方案都可以用於檔案傳輸，但都是需要安裝伺服器甚至客戶端。

golang實現的檔案上傳下載小工具

前言雖然現在檔案上傳下載工具多如牛毛，比如http、ftp、sftp、scp等方案都可以用於檔案傳輸，但都是需要安裝伺服器甚至客戶端。

小程式上傳檔案，node接收檔案

技術標籤：雲伺服器小程式node.js 目錄小程式上傳_程式碼node 接收檔案_程式碼

上傳檔案的同時傳遞引數（以PHP為例）

最近在做靶機的時候遇到如下程式碼審計題目：在接收檔案時會校驗檔案字尾。但是如果在上傳檔案時，同時post一個secure引數，就可以接受php檔案的上傳

springboot以FTP方式上傳檔案到遠端伺服器的流程

通過筆者前兩篇文章的說明，相信大家已經知道JWT是什麼，怎麼用，該如何結合Spring Security使用。那麼本節就用程式碼來具體的實現一下JWT登入認證及鑑權的流程。

springboot以FTP方式上傳檔案到遠端伺服器

一、html程式碼 <div class=\"layui-form-item\"> <label class=\"layui-form-label\">上傳附件：</label>

java實現上傳檔案型別檢測過程解析

這篇文章主要介紹了java實現上傳檔案型別檢測過程解析,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

java實現上傳檔案到oss(阿里雲)功能示例

本文例項講述了java實現上傳檔案到oss(阿里雲)功能。分享給大家供大家參考，具體如下：

SpringMVC上傳檔案並儲存到原生代碼例項

這篇文章主要介紹了SpringMVC上傳檔案並儲存到原生代碼例項,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

java模擬客戶端向伺服器上傳檔案

本文例項為大家分享了java客戶端向伺服器上傳檔案的具體程式碼，供大家參考，具體內容如下

python實現上傳檔案到linux指定目錄的方法

今天接到一個小需求，就是想在windows環境下，上傳壓縮檔案到linux指定的目錄位置並且解壓出來，然後我想了一下，這個可以用python試試寫下。

Python呼叫scp向伺服器上傳檔案示例

最近做的專案中有一個小功能：在python中呼叫scp命令使用ssh登入，然後將指定目錄中的圖片上傳到伺服器指定目錄

Golang實現非同步上傳檔案支援進度條查詢的方法

業務背景業務需求要求開發一個非同步上傳檔案的介面，並支援上傳進度的查詢。

Python SELENIUM上傳檔案或圖片實現過程

逛網站的時候經常會遇到需要上傳圖片的操作，這裡主要來說下selenium操作上傳檔案的操作。

spring boot上傳檔案出錯問題如何解決

這篇文章主要介紹了spring boot上傳檔案出錯問題如何解決,文中通過示例程式碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值,需要的朋友可以參考下

SpringMVC 上傳檔案 MultipartFile 轉為 File的方法

在使用 SpringMVC 上傳檔案時，接收到的檔案格式為 MultipartFile，但是在很多場景下使用都需要File格式的檔案，記錄下以便日後使用。

傳統jsp+servlet上傳檔案到伺服器並將圖片地址儲存到資料庫

最近用傳統的Servlet+jsp的方法實現一個上傳使用者頭像的功能，發現比使用Springboot框架上傳圖片真是難多了，中間也遇到了各種各樣的問題，記錄一下。

php 下 html5 XHR2 + FormData + File API 上傳檔案操作例項分析

本文例項講述了php 下 html5 XHR2 + FormData + File API 上傳檔案操作。分享給大家供大家參考，具體如下：