文章插图
文章插图
FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式,并且可以轻松的将数据通过XMLHttpRequest.send() 方法发送出去,本接口和此方法都相当简单直接 。如果送出时的编码类型被设为 “multipart/form-data”,它会使用和表单一样的格式 。
创建新的对象
【文件上传 formdata formdata格式传递参数】
const formData = http://www.mnbkw.com/jxjc/190516/new FormData()
方法// 向 FormData 中添加新的属性值,FormData 对应的属性值存在也不会覆盖原值,// 而是新增一个值,如果属性不存在则新增一项属性值 。FormData.append()// 从 FormData 对象里面删除一个键值对 。FormData.delete()// 返回一个包含所有键值对的iterator对象 。FormData.entries()// 返回在 FormData 对象中与给定键关联的第一个值 。FormData.get()// 返回一个包含 FormData 对象中与给定键关联的所有值的数组 。FormData.getAll()// 返回一个布尔值表明 FormData 对象是否包含某些键 。FormData.has()// 返回一个包含所有键的iterator对象 。FormData.keys()// 给 FormData 设置属性值,如果FormData 对应的属性值存在则覆盖原值,否则新增一项属性值 。FormData.set()// 返回一个包含所有值的iterator对象 。FormData.values()
使用// 参数const formData = http://www.mnbkw.com/jxjc/190516/new FormData()// 获取上传文件const file = document.getElementById("upload-file").files[0]// 假如data是额外的其他参数for (const key in data) {if (data.hasOwnProperty(key)) {formData.append(key, data[key)}}formData.append('file', file)// 发送 POST 请求axios({method: 'post',url: '/api/upload',data: formData,headers: {"Content-Type": "multipart/form-data"}});
- docker查看镜像文件 docker镜像查看
- dos命令中删除文件夹命令 dos下删除当前目录下所有文件的命令
- jQuery上传文件 jquery附件上传
- 命令行运行python文件 Python执行命令
- 主流的视频文件格式有哪些 视频的主流格式
- activemq集群的搭建 activemq集群配置文件
- form表单提交文件 form实现表单提交的各种方法
- 阿里云盘上传失败是怎么回事 阿里云盘上传失败是什么意思
- xps文件转pdf文件 xps怎么转换pdf格式文件
- host文件配置异常上不了网 hosts文件配置异常不能上网