标签:文件 err multiparty formData req 写入 upload expressJs file
方式1:前端FormData + 后端multiparty
前端
_file是通过<input type='file' />获得的文件
upload_btn_upload.addEventListener('click', function () {
if (!_file) {
console.error('has not select file~~');
return
}
let formData = new FormData()
//前端传入file,filename
formData.append('file', _file)
formData.append('filename', _file.name)
axios.post('/', formData).then(data => {
console.log(data);
}).catch(reson => {
throw reson
})
})
后端
npm i multiparty
const multiparty = require('multiparty')
const formidable_upload = (req) => {
return new Promise((resolve, reject) => {
//multyparty的配置
const config = {
uploadDir: path.join(__dirname, '../img') //文件写入的目录
}
new multiparty.Form(config).parse(req, (err, fields, files) => {
if (err) {
reject(err)
return
}
resolve({ fields, files })
})
})
}
index.post('/', async (req, res, next) => {
try {
let { fields, files } = await formidable_upload(req)
let file = files.file || {}
res.send({ code: 0, codeText: 'upload_success' })
} catch (err) {
res.send({ code: 1, codeText: err })
}
});
标签:文件,err,multiparty,formData,req,写入,upload,expressJs,file 来源: https://www.cnblogs.com/Lilc20201212/p/15869703.html
本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享; 2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关; 3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关; 4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除; 5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。