【C語言學習筆記】超級炫酷的C語言實用小技巧!學會這些隱藏技巧,早下班一小時!
阿新 • • 發佈:2022-03-22
檔案上傳有三種方式:
1,from表單上傳,簡單方便。
2,Ajax請求上傳,非同步上傳,區域性重新整理。
3,layui檔案上傳,步驟麻煩,不推薦。
1,from表單上傳:
<form action="/uploadHead" method="POST" enctype="multipart/form-data" class="layui-form"> <!-- accept="image/*" 指規定檔案只能選擇圖片型別的檔案 --> <input type="file" name="headImg" accept="image/*" >enctype設定表單提交的資料型別, multipart/form-data指檔案型別
2,使用Ajax請求
layui.use(["form", "jquery", "layer"], function(){ var form = layui.form; var $ = layui.jquery; var layer = layui.layer; console.log($("input")[0].files)// 使用cookie-parser模組可以直接解析請求頭中的cookie字串, 自動解碼並生成物件存入req.cookies欄位中
console.log(1, req.headers.cookie, req.cookies)
callback(null, req.cookies.username + ".jpg") } }) // 建立硬碟儲存物件
var save = multer({
storage: myStorage
}) // 頭像上傳介面, 第二個引數用於儲存頭像, single()表示單文儲存 headImg對應input輸入框的name
app.post("/uploadHead", save.single("headImg"), function(req, res){
console.log(2, req.body)
// 檔案上傳的回撥執行時, 檔案就已經儲存到磁碟了, 直接響應即可
res.json({code: 1, msg: "頭像已上傳"})
})