Tentang formdata
XMLHTTPREQUEST Level 2 telah menambahkan antarmuka baru --- formdata
Menggunakan objek FormData, Anda dapat mensimulasikan serangkaian kontrol bentuk dengan beberapa pasangan nilai kunci melalui JS. Anda dapat menggunakan metode kirim () XmlHttpRequest untuk mengirimkan formulir secara tidak sinkron. Dibandingkan dengan AJAX biasa, keuntungan terbesar menggunakan FormData adalah bahwa ia dapat mengunggah file biner secara tidak sinkron.
Objek formdata
Objek FormData dapat membentuk querystring nama dan nilai semua elemen formulir dan mengirimkannya ke latar belakang. Menggunakan objek formdata dapat mengurangi beban kerja querystring jahitan saat mengirimkan menggunakan AJAX
QueryString adalah string kueri, http kueri string dari URL? Nilai berikut menentukan
Ketika formulir pada halaman mengirimkan data yang diminta ke halaman dalam mode GET (jika data berisi karakter yang tidak aman, browser terlebih dahulu mengubahnya menjadi karakter heksadesimal dan kemudian mentransmisikannya, seperti ketika ruang dikonversi menjadi %20), server web menempatkan data yang diminta ke variabel lingkungan yang disebut query_string. Metode permintaan.QueryString adalah mengambil nilai yang sesuai dari variabel lingkungan ini dan mengembalikan karakter yang dikonversi menjadi hexadecimal.
Unggah file dan gambar menggunakan formdata
Buat objek kosong FormData, dan kemudian tambahkan tombol/nilai menggunakan metode append
var formdata = formData baru (); formdata.append ("name", "zhang san");Jika sudah ada formulir formulir, dapatkan objek formulir dan masukkan ke dalam objek FormData sebagai parameter
<! Doctype html> <html> <head> <meta charset = "utf-8"/> <itement> </ title> </head> <body> <form name = "form1" id = "form1"> <input id = "file" type = "file" name = "name"> </input> </form script = "type" "name =" name "> </input> </Form> <cript type =" TEKP/TEKP/TEKP/NAMA "> </input> </Form> <cript type =" TEKP/TEKP/TEKP/NAMES/NAMES/</INPUT> </Form> </Form> Tipe = "TEKP/TEKP/TEKP/NAMA"> </input> </Form> <cript typed form = document.getElementById ("form1"); var formdata = FormData baru (form); </script> </body> </html>Anda dapat terus menambahkan pasangan nilai kunci baru berdasarkan data formulir yang ada.
var formdata = formData baru (); formdata.append ("usia", "21");Unggah file menggunakan objek formdata
var formdata = formData baru ($ ("#form1"). [0]); // Dapatkan metode file satu // var formdata = formData baru (); //formdata.append("file ", $ ("#file ") [0] .files [0]); // Dapatkan metode file dua $ .AJAX ({type: 'Post', URL: '#', data: FormData, Cache: False, Prosesdata: False, // tidak memproses data yang dikirim, karena nilai data adalah sebuah konten: FALSE, FALSEDATA: FALSE, // tidak memproses data yang dikirim, karena nilai data adalah a DATA: A FALSE, ProcessData: FALSE, // tidak memproses data yang dikirim, karena nilai data adalah a DATA: A FALSE, PROSESDATA: FALSE, // tidak memproses data yang dikirim, karena nilai data adalah a DATA THE FORMEDET: tidak mengatur header permintaan tipe konten: function () {} error: function () {}})Di atas adalah deskripsi lengkap dari metode menggunakan formdata untuk mengunggah file dan gambar di JS yang diperkenalkan kepada Anda oleh editor. Saya harap ini akan membantu semua orang. Jika Anda memiliki pertanyaan, silakan tinggalkan saya pesan!