1、FormData對(duì)象:
站在用戶的角度思考問(wèn)題,與客戶深入溝通,找到遂昌網(wǎng)站設(shè)計(jì)與遂昌網(wǎng)站推廣的解決方案,憑借多年的經(jīng)驗(yàn),讓設(shè)計(jì)與互聯(lián)網(wǎng)技術(shù)結(jié)合,創(chuàng)造個(gè)性化、用戶體驗(yàn)好的作品,建站類型包括:網(wǎng)站建設(shè)、成都網(wǎng)站建設(shè)、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣、國(guó)際域名空間、網(wǎng)絡(luò)空間、企業(yè)郵箱。業(yè)務(wù)覆蓋遂昌地區(qū)。以對(duì)象的方式來(lái)表示頁(yè)面中的表單,又稱為表單對(duì)象。以key-value的方式來(lái)保存數(shù)據(jù),XMLHttpRequest對(duì)象可以輕松的表單對(duì)象發(fā)送的服務(wù)器端
? (1)是一個(gè)構(gòu)造函數(shù):new FormData()
(2)常用的API:
? FormData.append(key,value):追加數(shù)據(jù)。向formdata中追加key-value
? FormData.get(key):獲取key對(duì)應(yīng)的值
????????? FormData.delete(key):刪除key對(duì)應(yīng)的值
? ????????FormData.has(key):判斷formdata中是否有key
2、node使用formidable模塊實(shí)現(xiàn)文件上傳
? (1)安裝:npm install formidable(終端輸入)
? (2)創(chuàng)建Formidable.IncomingForm對(duì)象:本質(zhì)是一個(gè)表單對(duì)象
? ????????let form = new Formidable.IncomingForm()
? (3)Formidable.IncomingForm對(duì)象的屬性:
? ????????form.encoding : 設(shè)置字符集
????????? form.uploadDir:設(shè)置上傳文件的保存路徑
? ????????form.keepExtensions:true,表示上傳時(shí)保留原來(lái)的擴(kuò)展名
(4)Formidable.IncomingForm對(duì)象的方法:
? form.parse(request, [callback]):轉(zhuǎn)換請(qǐng)求中的表單數(shù)據(jù)
? (5)Formidable.File對(duì)象的屬性
??????????size:上傳文件的大小
? ????????path:上傳文件的路徑
? ????????type:上傳文件的類型
? ????????name:上傳的文件名
舉個(gè)例子
上傳圖片:
將圖片文件上傳到服務(wù)器端的指定目錄
將圖片文件名和服務(wù)器的地址進(jìn)行拼接
將拼接后的圖片的路徑響應(yīng)給客戶端,在div中顯示出來(lái)
---客戶端
-----服務(wù)器端
4、文件上傳需要注意的問(wèn)題
? (1)前端FormData對(duì)象作用:用于保存上傳文件的信息。格式:key-value
? (2)后臺(tái)formidable模塊的作用:使用parse方法來(lái)解析前端的formdata對(duì)象
(3)上傳過(guò)程中前后端的對(duì)應(yīng)關(guān)系
二、Express實(shí)現(xiàn)文件下載
1、使用res對(duì)象(響應(yīng)對(duì)象)的download方法即可(該方法效率低)
三、遍歷下載文件夾下的文件,拼接成一個(gè)下載的url,傳遞到前端
你是否還在尋找穩(wěn)定的海外服務(wù)器提供商?創(chuàng)新互聯(lián)www.cdcxhl.cn海外機(jī)房具備T級(jí)流量清洗系統(tǒng)配攻擊溯源,準(zhǔn)確流量調(diào)度確保服務(wù)器高可用性,企業(yè)級(jí)服務(wù)器適合批量采購(gòu),新人活動(dòng)首月15元起,快前往官網(wǎng)查看詳情吧
文章標(biāo)題:node實(shí)現(xiàn)文件上傳(1)-創(chuàng)新互聯(lián)
文章位置:http://aaarwkj.com/article8/gpcop.html
成都網(wǎng)站建設(shè)公司_創(chuàng)新互聯(lián),為您提供網(wǎng)站維護(hù)、外貿(mào)網(wǎng)站建設(shè)、網(wǎng)站收錄、微信小程序、企業(yè)網(wǎng)站制作、軟件開(kāi)發(fā)
聲明:本網(wǎng)站發(fā)布的內(nèi)容(圖片、視頻和文字)以用戶投稿、用戶轉(zhuǎn)載內(nèi)容為主,如果涉及侵權(quán)請(qǐng)盡快告知,我們將會(huì)在第一時(shí)間刪除。文章觀點(diǎn)不代表本網(wǎng)站立場(chǎng),如需處理請(qǐng)聯(lián)系客服。電話:028-86922220;郵箱:631063699@qq.com。內(nèi)容未經(jīng)允許不得轉(zhuǎn)載,或轉(zhuǎn)載時(shí)需注明來(lái)源: 創(chuàng)新互聯(lián)
猜你還喜歡下面的內(nèi)容