Bagaimana Saya Boleh Menyelesaikan Masalah Muat Naik Imej Ajax Biasa?

Ajax Muat Naik Imej

S&J

S1. Ajax Gagal Memuat Naik Imej

Kod Ajax awal anda nampaknya tiada unsur penting. Untuk mendayakan penyerahan borang, anda mesti memasukkan fungsi kejayaan dan ralat dalam panggilan Ajax anda.

Penyelesaian:

Ubah suai kod Ajax anda seperti berikut:

$(document).ready(function (e) {
    $('#imageUploadForm').on('submit',(function(e) {
        e.preventDefault();
        var formData = new FormData(this);

        $.ajax({
            type:'POST',
            url: $(this).attr('action'),
            data:formData,
            cache:false,
            contentType: false,
            processData: false,
            success:function(data){
                console.log("success");
                console.log(data);
            },
            error: function(data){
                console.log("error");
                console.log(data);
            }
        });
    }));
});

S2. Pencetus Muat Naik pada Pemilihan Fail

Untuk membolehkan fungsi muat naik dicetuskan serta-merta apabila fail dipilih, anda perlu mengubah suai input HTML.

Penyelesaian:

Tambah yang berikut pada HTML anda:

<input type="file">

Ini akan menyerahkan borang dan mencetuskan proses muat naik sebaik sahaja fail dipilih.

Atas ialah kandungan terperinci Bagaimana Saya Boleh Menyelesaikan Masalah Muat Naik Imej Ajax Biasa?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!