FormData interface – 佛祖球球

FormData interface

ECMAScript：6

在 Javascript 中，可以透過 FormData 這個 interface 模擬 HTML 的

進行表單操作。

基本使用

基本範例

let formData = new FormData();

// key / value
formData.append('username', 'JohnsonLu');
formData.append('email', '[email protected]');

// 加入檔案
// 利用 Blob 代入檔案（使用 FileReader 讀取時適用）
let content = 'hey!';
let blob = new Blob([content], {type: 'text/xml'});
formData.append('file', blob, 'filename');

// 加入檔案
// 
formData.append('file2', document.getElementById('myfile').files[0]);

// POST
let request = new XMLHttpRequest();
request.open('POST', '/test');
request.send(formData);

也可以搭配

直接代入：
範例

let formElement = document.querySelector('form');

// POST
let request = new XMLHttpRequest();
request.open('POST', 'test.php');
request.send(new FormData(formElement));

---

分類

• Android
• AngularJS
• API Blueprint
• Chrome
• Database
  • MySQL
• DataStructure
• Docker
• Editor
  • Vim
• Firefox
• Git
• GitLab
• Google API
• Hadoop
• Language
  • Go
  • Java
  • JavaScript
    • jQuery
      • jQueryChart
    • Node.js
    • Vue
  • PHP
    • Laravel
    • ZendFramework
  • Python
• Mac
• Network
  • Cisco
  • DLink
  • Juniper
• Oauth
• Server
  • Apache
• Share
• Unix
  • FreeBSD
  • Linux
• WebDesign
  • Bootstrap
  • CSS
  • HTML
  • Wordpress

Search

搜尋關鍵字: