new FormDataの引数

JavaScript

XHR2で画像とかのバイナリデータを送るのにFormDataっていうのが使えて

<form>
<input type="file" name="file">
<input type="submit">
</form>

var form = document.querySelector('form');
form.addEventListener('submit', function() {
  e.preventDefault();
  var formData = new FormData(form);
  var xhr = new XMLHttpRequest();
  xhr.open('POST', url, true);
  xhr.send(formData);
});

みたいな感じで使える。

new FormDataの引数のHTMLFormElement渡すとき、formのinput要素にname属性がないのは無視されるみたいでちょっとハマった。

<input type="file">

↑これだと無視される。