93.208.103.149 am 11. Februar 2019 um 12:55 Uhr

2019-02-11T12:55:32Z

93.208.103.149: Die Seite wurde neu angelegt: „For correct form data usage you need to do 2 steps. Preparations You can give your whole form to FormData() for processing
2019-02-11T12:55:12Z

Die Seite wurde neu angelegt: „For correct form data usage you need to do 2 steps. Preparations You can give your whole form to FormData() for processing <syntaxhighlight lang="javascript"…“

Neue Seite
For correct form data usage you need to do 2 steps.

Preparations

You can give your whole form to FormData() for processing
<syntaxhighlight lang="javascript">
var form = $('form')[0]; // You need to use standard javascript object here
var formData = new FormData(form);
</syntaxhighlight>

or specify exact data for FormData()

<syntaxhighlight lang="javascript">
var formData = new FormData();
formData.append('section', 'general');
formData.append('action', 'previewImg');
// Attach file
formData.append('image', $('input[type=file]')[0].files[0]);
Sending form
</syntaxhighlight>

Ajax request with jquery will looks like this:

<syntaxhighlight lang="javascript">
$.ajax({
url: 'Your url here',
data: formData,
type: 'POST',
contentType: false, // NEEDED, DON'T OMIT THIS (requires jQuery 1.6+)
processData: false, // NEEDED, DON'T OMIT THIS
// ... Other options like success and etc
});
</syntaxhighlight>

After this it will send ajax request like you submit regular form with enctype="multipart/form-data"

Update: This request cannot work without type:"POST" in options since all files must be sent via POST request.

Note: contentType: false only available from jQuery 1.6 onwards

← Nächstältere Version		Version vom 11. Februar 2019, 12:55 Uhr
Zeile 1:		Zeile 1:
		+	https://stackoverflow.com/questions/21044798/how-to-use-formdata-for-ajax-file-upload
	For correct form data usage you need to do 2 steps.		For correct form data usage you need to do 2 steps.