码迷,mamicode.com
首页 > 移动开发 > 详细

formData使用append追加key/value后console为空的问题(已解决)

时间:2020-07-10 13:15:01      阅读:148      评论:0      收藏:0      [点我收藏+]

标签: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

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!