怎么在JavaScript中使用FormData类上传文件-创新互联
怎么在JavaScript中使用FormData类上传文件?针对这个问题,这篇文章详细介绍了相对应的分析和解答,希望可以帮助更多想解决这个问题的小伙伴找到更简单易行的方法。

案例一:xhr.upload.onprogress监控文件的上传进度,并且动态显示

Document
案例二:服务器端返回上传路径,供客户端预览上传的图片效果
成功预览我家耶啵的帅照

Document
nodejs服务器端的部分代码:
app.post('/upload', (req, res) => {
// 创建formidable表单解析对象
const form = new formidable.IncomingForm();
// 上传文件的路径
form.uploadDir = path.join(__dirname, 'public', 'uploads');
// 上传文件的后缀名保留
form.keepExtensions = true;
// 解析客户端传递过来的FormData对象
form.parse(req, (err, fileds, files) => {
// 将文件的地址扒出来以json对象的形式返回给客户端
res.send({
path: files.attrName.path.split('public')[1]
});
})
})关于怎么在JavaScript中使用FormData类上传文件问题的解答就分享到这里了,希望以上内容可以对大家有一定的帮助,如果你还有很多疑惑没有解开,可以关注创新互联成都网站设计公司行业资讯频道了解更多相关知识。
另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。
当前名称:怎么在JavaScript中使用FormData类上传文件-创新互联
分享链接:http://www.jxjierui.cn/article/ishec.html


咨询
建站咨询
