在做項目中,遇到使用接口提交文件上傳,但是ui庫提供的upload只是一個組件,那么就需要從這個組件中獲取上傳的文件,然后使用FormData構造函數,將其轉換為formdata格式的數據,可以是用接口提交文件上傳了。
const formDataBinary = new FormData(); formDataBinary.append("nameFile","fjdgjerotjfgajgreutowejgaefasdg");
以此學習一些FormData的使用:
1、介紹一下FormData的作用
a、用一些鍵值對來模擬一系列表單控件:即將form表單中的所有元素的name和key組裝成一個queryString
b、異步上傳二進制文件
2、使用
a、FormData對象的操作方法,全部在原型中,自己本身並沒有人任何的屬性和方法
var fromData = new FormData(); fromData.append('name','xiaoming'); // 添加數據 formData.get('name'); // 獲取數據 fromData.delete(name''); // 刪除數據
b、使用FormData發送文件,獲取文件之后需要使用append方法將文件轉換成二進制數據,請求中的data就直接寫fromData處理過的數據
const formDataBinary = new FormData(); formDataBinary.append("nameFile","fjdgjerotjfgajgreutowejgaefasdg");