使用介面進行form表單提交
阿新 • • 發佈:2020-08-02
在做專案中,遇到使用介面提交檔案上傳,但是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 = newFormData(); formDataBinary.append("nameFile","fjdgjerotjfgajgreutowejgaefasdg");