恩蓝号

formdata多文件上传,formdata上传片后端是什么格式

FormData
FormData 接口提供了一种表示表单数据的键值对的构造方式,经过它的数据可以使用 XMLHttpRequest.send() 方法送出,本接口和此方法都相当简单直接。如果送出时的编码类型被设为 “multipart/form-data”,它会使用和表单一样的格式。

FormData方法

append()

向 FormData 中添加新的属性值,FormData 对应的属性值存在也不会覆盖原值,而是新增一个值,如果属性不存在则新增一项属性值。

formData.append("key",value);

delete()

从 FormData 对象里面删除一个键值对。

formData.delete("key");

entries()

返回一个 iterator对象 ,此对象可以遍历访问FormData中的键值对。其中键值对的key是一个 USVString 对象;value是一个 USVString , 或者 Blob对象。

var formData = new FormData();formData.append('key1', 'value1');for(var i of formData.entries()) { console.log(i[0]+ ', '+ i[1]); // key1,value1}

has()

返回一个布尔值,表示该FormData对象是否含有某个key

formData.has("key");

keys()

返回一个迭代器(iterator),遍历了该 formData 包含的所有key ,这些 key 是 USVString 对象

var formData = new FormData();formData.append('key1', 'value1');for (var key of formData.keys()) { console.log(key); // key1}

values()

返回一个允许遍历该对象中所有值的 迭代器 。这些值是 USVString 或是Blob 对象。

var formData = new FormData();formData.append('key1', 'value1');for (var value of formData.values()) { console.log(value); // value1}

set()

方法会对 FormData 对象里的某个 key 设置一个新的值,如果该 key 不存在,则添加。

formData.set("key", value);orformData.set("key", value, filename);// 当第二个参数传递的是一个blob对象(Blob)或者file对象(File),filename参数就代表传给服务端的文件名(一个USVString)// Blob 对象的默认文件名是 "blob"。

get()

返回FormData对象中和指定的键关联的第一个值

formData.get("key");

getAll()

返回该 FormData 对象指定 key 的所有值

formData.getAll("key");

异步上传文件

// formData创建一个空对象let formData = new window.FormData();// append()方法添加数据// 想要打印的话需要使用get()方法formData.append("file", file);// 调用接口上传文件 uploading(formData).then(res => { // 接收返回的报错信息 这里返回的是一个数组 this.error = res.data.data.err; if (res.data.data.err) { this.dialogFormVisible = true; } else { // 上传成功的提示 elementui组件 this.$message({ message: `共${res.data.data}条,上传成功`, type: "success" }); } });

免责声明:文章源自网络,版权归原作者所有,如有侵犯联系删除。

当前位置:首页 > 编程知识 » 2023-03-03 12:16:00

猜你喜欢


java后端图片转base64

java后端图片转base64 1、获取项目路径2、图片转base64工具类3、方法实现 1、获取项目路径 public static H...