1. 程式人生 > >node - post - 上傳圖片

node - post - 上傳圖片

initial img tolower == mpat bsp bmi wid 接收

html代碼:

 1 <!DOCTYPE html>
 2 <html lang="en">
 3 
 4 <head>
 5     <meta charset="UTF-8">
 6     <meta name="viewport" content="width=device-width, initial-scale=1.0">
 7     <meta http-equiv="X-UA-Compatible" content="ie=edge">
 8     <title>Document</
title> 9 </head> 10 11 <body> 12 <form action="http://127.0.0.1/dopost" enctype="multipart/form-data" method="POST"> 13 姓名:<input type="text" name="name"> 性別: 14 <input type="radio" name="gender" value="男"><input type="radio" name="gender" value
="女">女 年齡: 15 <input type="number" name="age"> 圖片: 16 <input type="file" name="img"> 17 <input type="submit" value="提交"> 18 </form> 19 </body> 20 21 </html>

js代碼

 1 let http = require(‘http‘);
 2 let formidable = require(‘formidable‘);
3 let util = require(‘util‘); 4 5 6 //創建服務器 7 let server = http.createServer(function (req, res) { 8 //如果你的訪問地址是這個,並且請求類型是post 9 if (req.url == ‘/dopost‘ && req.method.toLowerCase() == ‘post‘) { 10 let form = new formidable.IncomingForm(); 11 //設置文件上傳存放地址 12 form.uploadDir = ‘./uploads‘; 13 //執行裏面的回調函數的時候,表單已經全部接收完畢了。 14 form.parse(req, function (err, fields, files) { 15 if (err) throw err; 16 console.log(‘上傳文件路徑:‘,files.img.path,‘上傳文件名:‘,files.img.name); 17 // console.log(util.inspect({ fields: fields, files: files })); 18 //所有的文本域、單選框,都在fields存放; 19 //所有的文件域,files 20 res.writeHead(200, { ‘content-type‘: ‘text/plain‘ }); 21 22 res.end(‘success!~~~‘); 23 }); 24 } 25 }); 26 27 server.listen(80, ‘127.0.0.1‘);

node - post - 上傳圖片