Zi 字媒體
2017-07-25T20:27:27+00:00
FormData interface
ECMAScript:6
在 Javascript 中,可以透過 FormData 這個 interface 模擬 HTML 的 進行表單操作。
基本使用
基本範例
let formData = new FormData();
// key / value
formData.append('username', 'JohnsonLu');
formData.append('email', 'johnson4932@gmail.com');
// 加入檔案
// 利用 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));
Categories: JavaScript
Tags: javascript
分類
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
搜尋關鍵字:
寫了
5860316篇文章,獲得
23313次喜歡