Можно ли отправить FormData не через ajax?

402

24 ноября 2016, 10:25

UPD 1 Интересует именно возможность отправить форму с перезагрузкой страницы. И в FormData есть файлы, поэтому и используется FormData

UPD 2 Код для пояснения https://jsfiddle.net/temoffey/q0g8tusf/1/

var send_form = document.getElementById('send_form'); 
var file_input = document.getElementById('file_input'); 
var file_view = document.getElementById('file_view'); 
var file_list = []; 
 
file_input.addEventListener('change', function() { 
 
	for (i=0;i<this.files.length;i++) { 
  	file_list.push(this.files[i]); 
  } 
   
  file_view.innerText = ''; 
  for (i in file_list) { 
  	file_view.innerHTML = file_view.innerHTML + file_list[i].name + '<br />'; 
  } 
 
}); 
 
send_form.addEventListener('submit', function() { 
 
	var form_data = new FormData(); 
 	form_data.append('documents[]', file_list); 
   
  // Что нужно, что бы form_data был отправлен? 
 
});

<form id="send_form" enctype="multipart/form-data" method="post"> 
  <input type="file" id="file_input" multiple /> 
  <br /> 
  <br /> 
  <div id="file_view"></div> 
  <br /> 
  <input type="submit" /> 
</form>

Answer 1

Вот прекрасный пример здесь:

var formData = new FormData();
formData.append("username", "Groucho");
formData.append("accountnum", 123456);
formData.append("userfile", fileInputElement.files[0]);
var content = '<a id="a"><b id="b">hey!</b></a>';
var blob = new Blob([content], { type: "text/xml"});
formData.append("webmasterfile", blob);
var request = new XMLHttpRequest();
request.open("POST", "http://foo.com/submitform.php");
request.send(formData);