Rumah > hujung hadapan web > tutorial js > Bagaimana untuk Melakukan Muat Naik Fail jQuery Ajax Tanpa Pemalam?

Bagaimana untuk Melakukan Muat Naik Fail jQuery Ajax Tanpa Pemalam?

Linda Hamilton
Lepaskan: 2024-12-24 17:05:17
asal
501 orang telah melayarinya

How to Perform jQuery Ajax File Uploads Without Plugins?

jQuery Ajax Muat Naik Fail Tanpa Menggunakan Plugin

Muat naik fail menggunakan AJAX jQuery memerlukan penggunaan XHR2, disokong oleh penyemak imbas moden. Jika anda ingin melakukan muat naik fail menggunakan AJAX tanpa pemalam, anda perlu menggunakan objekFormData.

Kod:

 var formData = new FormData();
 formData.append("file", file); // Replace "file" with your file input element's name

$.ajax({
    type: "POST",
    timeout: 50000,
    url: url,
    data: formData,
    contentType: false,
    processData: false, // Don't process the form data, leave it as pure binary data
    success: function (data) {
        alert('success');
        return false;
    }
});
Salin selepas log masuk

Nota:

  • FormData objek juga boleh mengandungi objek lain data, seperti medan input teks.
  • pilihan contentType dan processData ditetapkan kepada palsu untuk menghalang jQuery daripada menukar data secara automatik sebagai sebahagian daripada permintaan AJAX.
  • Anda mesti memasukkan nama fail dalam objek formData menggunakan atribut nama elemen input fail.
  • Muat naik fail AJAX mungkin tidak disokong oleh semua penyemak imbas. Semak keserasian penyemak imbas.

Atas ialah kandungan terperinci Bagaimana untuk Melakukan Muat Naik Fail jQuery Ajax Tanpa Pemalam?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

sumber:php.cn
Kenyataan Laman Web ini
Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn
Artikel terbaru oleh pengarang
Tutorial Popular
Lagi>
Muat turun terkini
Lagi>
kesan web
Kod sumber laman web
Bahan laman web
Templat hujung hadapan