使用接口進行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");

 


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM