使用 FormData 上传文件

新需求,需要将ppt文件上传,公司没有文件服务器,需要使用formData的形式来上传文件
我们先来看看接口:

使用 FormData 上传文件_第1张图片
可以看到,该接口接收三个参数 file name remark
这个 file 该怎么传呢?直接上代码吧!

使用 FormData 上传文件_第2张图片
初始化一个formData对象用于保存这个文件,这一步很重要,你也可以通过html的形式来构建formData,但是这会更麻烦!
使用 FormData 上传文件_第3张图片
看看接口使用 FormData 上传文件_第4张图片
上传时最好把请求头的 Content-Type 设置为 multipart/form-data (貌似不设置也没有关系,当浏览器识别到上传参数包含file时会自动设置)

看看效果

使用 FormData 上传文件_第5张图片
使用 FormData 上传文件_第6张图片

搞定

你可能感兴趣的:(前端vue.js)