十天上手Node KOA 3

2021-09-26 09:45:48 字數 2754 閱讀 1218

發布任務~

一、path模組

二、url模組

三、formidable包

####一、path模組

path 模組提供用於處理檔案路徑和目錄路徑的實用工具

const paths = require('path');

let dir = 'd:/node/';

// 將碎片化路徑拼接在一起,規範化生成的路徑

path.join(dir, './public'); // d:\node\public

let extstr = '/index.html';

// path的副檔名

path.extname(extstr); // .html

####二、url模組

用於處理與解析 url

例項化url

new url(input)

input: 要解析的輸入url

let url = '/';

// url ,

// 獲取表示url查詢引數的urlsearchparams物件

// 通過get(key) 可獲取value

// hash: ''

// }

客戶端:

>

type

="file"

id="file"

>

"img-containers"

>

div>

body

>

let file = document.

getelementbyid

('file');

let imgcontainer = document.

getelementbyid

('img-containers');

file.

addeventlistener

('change'

, uploadfile)

;function

uploadfile()

} filereader.

readasdataurl

(this

.files[0]

);// 存入單張至formdata中

form.

set(

'file'

,this

.files[0]

);// 可存入多張 (array)

filepost

('/upload'

, form,

(data)

=>)}

// post 傳輸檔案(formdata格式)

function

filepost

(url, form, callback)

} xhr.

send

(form)

;}

服務端

引入基本依賴

// 上傳檔案的第三方包

const formidable =

require

('formidable');

// 以流的方式讀取檔案,當訪問/作為首頁返回

const readstreamindex = fs.

createreadstream

('./public/html/index.html'

);搭建服務及建立路由介面

'上傳失敗'

:'上傳成功';if

(err) res.

end(result)

;// 儲存資訊

fs.writefile

(__dirname +

'/imginfor/'

+ comment +

'.json'

,json

.stringify

(fields)

,function

(err));

var result = err ?

'上傳失敗'

:'上傳成功'

; res.

end(result);}

);})

;});

}}).

listen

(3002

,(err)

=>

);

原生JS筆記 第十天(上)

sort 方法用於對陣列的元素進行排序。語法 arrayobject.sort sortby 引數解釋 引數sortby 可選。規定排序順序。必須是函式。1.如果不指定 方法函式 即括號內為空,則按unicode碼順序排列 預設公升序 2.如果指定 方法函式 則按 方法函式 所指定的排序方法排序。如...

十天學會php之第十天

學習目的 學會用php上傳檔案和發郵件 上傳檔案表單必須加上 enctype multipart form data 和 下面看一下 dest dir uploads 設定上傳目錄 dest dest dir.date ymd f name 我這裡設定檔名為日期加上檔名避免重複 r move upl...

十天學會php之第十天

學習目的 學會用php上傳檔案和發郵件 上傳檔案表單必須加上 enctype multipart form data 和 下面看一下 f http post files file dest dir uploads 設定上傳目錄 dest dest dir.date ymd f name 我這裡設定檔...