How php+html5 uses FormData objects to submit forms and upload pictures

This article mainly introduces how php+html5 uses FormData objects to submit forms and upload pictures, which has a certain reference value, and interested friends can refer to it. I hope you can learn a lot after reading this article.

The specific analysis is as follows:

The FormData object, which can compose the name and value of all the form elements in form into a queryString and submit it to the background. When using Ajax submissions, using FormData objects can reduce the amount of stitching queryString.

Working with FormData objects

1. Create an empty FormData object, then use the append method to add key/value

Var formdata = new FormData (); formdata.append ('name','fdipzone'); formdata.append (' gender','male')

two。 Get the form object and pass it as a parameter to the FormData object

Var form = document.getElementById ('form1'); var formdata = new FormData (form)

Use FormData to submit forms and upload files:

FormData Demo

Name:

Gender:male female

Photo: