Acerca de FormData
XMLHTTPREQUEST NIVEL 2 ha agregado una nueva interfaz --- FormData
Usando el objeto FormData, puede simular una serie de controles de formulario con algunos pares de valor clave a través de JS. Puede usar el método send () de xmlhttprequest para enviar formularios de forma asincrónica. En comparación con el AJAX ordinario, la mayor ventaja de usar FormData es que puede cargar archivos binarios de forma asincrónica.
Objeto FormData
El objeto FormData puede formar una consulta del nombre y el valor de todos los elementos de formulario y enviarlo al fondo. El uso de objetos FormData puede reducir la carga de trabajo de la consulta de costura al enviar usando AJAX
QUERYTRING es una cadena de consulta, la cadena de consulta http es de URL? El siguiente valor especifica
Cuando el formulario en la página envía datos solicitados a la página en modo GET (si los datos contienen caracteres inseguros, el navegador primero los convierte en caracteres hexadecimales y luego los transmite, como cuando el espacio se convierte en %20), el servidor web coloca los datos solicitados en una variable de entorno llamado Query_string. El método Soly.QueryString es eliminar el valor correspondiente de esta variable de entorno y restaurar los caracteres convertidos a hexadecimal.
Cargar archivos e imágenes usando FormData
Cree un objeto vacío FormData y luego agregue la tecla/valor utilizando el método Append.
var formData = new FormData (); formdata.append ("nombre", "zhang san");Si ya hay un formulario de formulario, obtenga el objeto de formulario y pálelo al objeto FormData como parámetro
<! Doctype html> <html> <fead> <meta charset = "utf-8"/> <title> </title> </head> <body> <forma name = "form1" id = "form1"> <input id = "file" type = "file" name = "name"> </put> </form> <script type = "text/javascript"> form = document.getElementById ("Form1"); var FormData = new FormData (Form); </script> </body> </html>Puede continuar agregando nuevos pares de valor clave basados en los datos de formulario existentes.
var formData = new FormData (); formdata.append ("edad", "21");Cargar archivos usando objetos FormData
var formData = new FormData ($ ("#form1"). [0]); // Obtener el método de archivo One // var formData = new FormData (); //formdata.append("File ", $ ("#archivo ") [0] .files [0]); // Obtener método de archivo dos $ .AJAX ({type: 'post', url: '#', data: formdata, cache: false, processData: false, // no procesa los datos enviados, porque el valor de datos es un objeto de formul Solicitud del encabezado de solicitud de contenido: function () {} Error: function () {}})Lo anterior es la descripción completa del método de usar FormData para cargar archivos e imágenes en JS presentados por el editor. Espero que sea útil para todos. Si tiene alguna pregunta, ¡déjame un mensaje!