formData使用append追加key/value后console為空的問題（已解決）

在上傳圖片的時候需要對選擇的圖片通過表單的形式提交給后台，如下

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替換到原本的位置
 }) },

這樣就可以了。