1. 程式人生 > 實用技巧 >使用介面進行form表單提交

使用介面進行form表單提交

在做專案中,遇到使用介面提交檔案上傳,但是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");