标签:edit tps 问题 选择 添加 eve for 表单 The
在上传图片的时候需要对选择的图片通过表单的形式提交给后台,如下
handleEditorImgAdd(pos , $file){
console.log(pos,$file)
// 创建一个FormData空对象,然后使用append方法添加key/value
var formdata = new FormData();
formdata.append(‘image‘,$file);
console.log(formdata)
this.$http.post(‘/article/uploadImg‘, formdata).then(res =>{
//将返回来的url替换到原本的位置
})
},
这样打印出的formdata为空,查看formadata的API才知道是需要调用它的方法才能获取到。
formdata接口将键值对格式的数据以表单的方式提交给后台。
属性不是直接挂载在到FormData实例上。我们可以通过它提供的迭代器,或者get方法去取值。
解决方案:FormData.get("键名")
handleEditorImgAdd(pos , $file){
console.log(pos,$file)
// 创建一个FormData空对象,然后使用append方法添加key/value
var formdata = new FormData();
formdata.append(‘image‘,$file);
console.log(formdata.get(‘image‘))
this.$http.post(‘/article/uploadImg‘, formdata).then(res =>{
//将返回来的url替换到原本的位置
})
},
这样就可以了。
formData使用append追加key/value后console为空的问题(已解决)
标签:edit tps 问题 选择 添加 eve for 表单 The
原文地址:https://www.cnblogs.com/lyt0207/p/13278404.html