前言
最近接了个小项目,有个用客户端本地文件的需求。
正常这种需求都是前台传文件,后台去解析。
但这次C++的老哥非让我给文件路径,说公司平台有解析文件的能力。
我说web不是桌面端,拿不到真实路径,他还不信😪
最后一顿‘掰头’,还是传文件
本来还是想用element-plus省事,但想到用公司平台做前后台通信也就放弃了
还是用FormData吧!
FormData
FormData 对象是ajax2.0新提出的接口,它将数据编译成键值对,以便用来发送数据。
使用:new
一个FormData
对象,然后调用它的append()
方法来添加字段;
当然, FormData
还有其他的方法,这里就不一一介绍了。
上传文件
首先,我们创建一个input
框,用于上传文件并绑定change
事件,然后通过change
事件拿到文件。