建立乙個用於上傳檔案的表單

2021-08-09 16:16:45 字數 1744 閱讀 8520

index.htm:

<

html

>

<

head

>

<

title

>檔案上傳表單

title

>

head

>

<

body

>

<

h3>檔案上傳:

h3> 選擇乙個檔案上傳: <

br />

<

form

action

="/file_upload"

method

="post"

enctype

="multipart/form-data"

>

<

input

type

="file"

name

="image"

size

="50"

/>

<

br />

<

input

type

="submit"

value

="上傳檔案"

/>

form

>

body

>

html

>

server.js:

var express = require('express');

var fs = require("fs");

var bodyparser = require('body-parser');

//multer是express官方推薦的檔案上傳中介軟體

var multer = require('multer');

res.sendfile( __dirname + "/" + "index.htm" );//

輸出靜態檔案

}) console.log(req.files[0]); //

上傳的檔案資訊

var des_file = __dirname + "/" + req.files[0].originalname;

fs.readfile( req.files[0].path, function (err, data) else;//

設定response屬性

}console.log( response );//

服務端提示

res.end( json.stringify( response ) );//

輸出到瀏覽器

});});

}) var host = server.address().address

var port = server.address().port

console.log("應用例項,訪問位址為 http://%s:%s", host, port)

})

上傳的東西:

服務端:

瀏覽器客戶端:

亂碼,沒設定轉碼的問題

建立乙個用於上傳檔案的表單

index.htm html head title 檔案上傳表單 title head body h3 檔案上傳 h3 選擇乙個檔案上傳 br form action file upload method post enctype multipart form data input type fil...

乙個表單的建立與驗證

例項展示 樣式左邊的span 設定寬度,display inline block,text align right 就可以右對齊了 js頁面的html布局 聯絡 正則校驗 的方法 function checkmobile str if str.match reg else 頁面中呼叫的方法 申請的按...

建立乙個PHP登入表單

當我們要儲存有關我們 使用者的資訊時,使用者登入和註冊系統非常有用。這適用於從可能儲存課程進度和標記的教育 到將儲存有關客戶過去購買資訊的電子商務 的所有內容。我們的第一步將是建立登入表單和登錄檔單。實際上將非常簡單。登錄檔僅要求提供使用者名稱,電子郵件和密碼。使用者名稱和電子郵件對於每個註冊的人都...