發布任務~
一、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 我這裡設定檔...