Sobre FormData
XmlHttPrequest Nível 2 adicionou uma nova interface --- formData
Usando o objeto FormData, você pode simular uma série de controles de formulário com alguns pares de valor-chave através do JS. Você pode usar o método send () do xmlHttPrequest para enviar formulários de forma assíncrona. Comparado com o Ajax comum, a maior vantagem de usar o FormData é que ele pode fazer upload de arquivos binários de forma assíncrona.
Objeto formData
O objeto FormData pode formar uma consulta do nome e do valor de todos os elementos de formulário e enviá -lo ao plano de fundo. O uso de objetos do formData pode reduzir a carga de trabalho da costura de costura ao enviar usando o AJAX
Querystring é uma string de consulta, a sequência de consulta HTTP é do URL? O seguinte valor especifica
Quando o formulário na página envia dados solicitados para a página no modo GET (se os dados contiver caracteres inseguros, o navegador os converte primeiro em caracteres hexadecimais e depois o transmite, como quando o espaço é convertido para %20), o servidor da Web coloca os dados solicitados em uma variável de ambiente chamada query_string. O método de solicitação.QueryString é retirar o valor correspondente dessa variável de ambiente e restaurar os caracteres convertidos em hexadecimal.
Carregar arquivos e imagens usando o FormData
Crie um objeto vazio formData e adicione a chave/valor usando o método de apêndice
var formData = new FormData (); formData.append ("Nome", "Zhang San");Se já houver um formulário, obtenha o objeto de formulário e passe -o para o objeto FormData como um parâmetro
<! Doctype html> <html> <head> <meta charset = "utf-8"/> <title> </title> </head> <body> <formulário name = "form1" id = "form1"> <input id = "file" tipo = "file" = "name"> </input> </script> <script = "file" type = "file" = "name"> </input> </script> <script = " form = document.getElementById ("form1"); var formData = new FormData (form); </script> </body> </html>Você pode continuar adicionando novos pares de valor-chave com base nos dados de formulário existentes.
var formData = new FormData (); formData.Append ("Age", "21");Carregue arquivos usando objetos formDados
var formData = new FormData ($ ("#Form1"). [0]); // Obtenha o método do arquivo um // var formData = new FormData (); //formdata.append("file" , $("#file")[0].files[0]);//get file method two$.ajax({ type : 'post', url : '#', data : formdata, cache : false, processData : false, // does not process the sent data, because the data value is a Formdata object, no processing of the data is required. contentType : false, // Não defina o sucesso do cabeçalho da solicitação do tipo conteúdo: function () {} erro: function () {}})O exposto acima é a descrição completa do método de usar o FormData para fazer upload de arquivos e imagens no JS apresentado a você pelo editor. Espero que seja útil para todos. Se você tiver alguma dúvida, deixe -me uma mensagem!