真实的国产乱ⅩXXX66竹夫人,五月香六月婷婷激情综合,亚洲日本VA一区二区三区,亚洲精品一区二区三区麻豆

成都創(chuàng)新互聯(lián)網(wǎng)站制作重慶分公司

怎么在JavaScript中使用FormData類上傳文件

怎么在JavaScript中使用FormData類上傳文件?針對(duì)這個(gè)問(wèn)題,這篇文章詳細(xì)介紹了相對(duì)應(yīng)的分析和解答,希望可以幫助更多想解決這個(gè)問(wèn)題的小伙伴找到更簡(jiǎn)單易行的方法。

創(chuàng)新互聯(lián)公司堅(jiān)持“要么做到,要么別承諾”的工作理念,服務(wù)領(lǐng)域包括:成都網(wǎng)站設(shè)計(jì)、成都網(wǎng)站制作、企業(yè)官網(wǎng)、英文網(wǎng)站、手機(jī)端網(wǎng)站、網(wǎng)站推廣等服務(wù),滿足客戶于互聯(lián)網(wǎng)時(shí)代的撫松網(wǎng)站設(shè)計(jì)、移動(dòng)媒體設(shè)計(jì)的需求,幫助企業(yè)找到有效的互聯(lián)網(wǎng)解決方案。努力成為您成熟可靠的網(wǎng)絡(luò)建設(shè)合作伙伴!

案例一:xhr.upload.onprogress監(jiān)控文件的上傳進(jìn)度,并且動(dòng)態(tài)顯示

怎么在JavaScript中使用FormData類上傳文件




 
 
 Document
 


 
 
 
 
 
 
 

案例二:服務(wù)器端返回上傳路徑,供客戶端預(yù)覽上傳的圖片效果

成功預(yù)覽我家耶啵的帥照

怎么在JavaScript中使用FormData類上傳文件




 
 
 Document
 


 
 
 
 
         

nodejs服務(wù)器端的部分代碼:

app.post('/upload', (req, res) => {
 // 創(chuàng)建formidable表單解析對(duì)象
 const form = new formidable.IncomingForm();
 // 上傳文件的路徑
 form.uploadDir = path.join(__dirname, 'public', 'uploads');
 // 上傳文件的后綴名保留
 form.keepExtensions = true;
 // 解析客戶端傳遞過(guò)來(lái)的FormData對(duì)象
 form.parse(req, (err, fileds, files) => {
 // 將文件的地址扒出來(lái)以json對(duì)象的形式返回給客戶端
 res.send({
 path: files.attrName.path.split('public')[1]
 });
 })
})

關(guān)于怎么在JavaScript中使用FormData類上傳文件問(wèn)題的解答就分享到這里了,希望以上內(nèi)容可以對(duì)大家有一定的幫助,如果你還有很多疑惑沒(méi)有解開(kāi),可以關(guān)注創(chuàng)新互聯(lián)行業(yè)資訊頻道了解更多相關(guān)知識(shí)。


本文標(biāo)題:怎么在JavaScript中使用FormData類上傳文件
標(biāo)題鏈接:http://weahome.cn/article/jdpshs.html

其他資訊

在線咨詢

微信咨詢

電話咨詢

028-86922220(工作日)

18980820575(7×24)

提交需求

返回頂部