Bagaimana untuk mendapatkan maklumat imej yang dimuat naik (simpan sementara laluan, nama, saiz) melalui js dan kemudian hantar ke bahagian belakang melalui kemahiran ajax_javascript

Keperluan projek: Cara mendapatkan maklumat imej yang dimuat naik (laluan simpanan sementara, nama, saiz) melalui js dan kemudian hantar ke bahagian belakang melalui ajax

Subjek menggunakan jquery untuk menerima

<input name="c_pic" id="c_pic" type="file" class="file">

Kaedah yang digunakan ialah:

var input = document.getElementById("c_pic");
input.addEventListener('change',readFile,false);
function readFile(){ 
var file = this.files[0]; 
}

Subjek ingin menggunakan kaedah siaran ajax untuk menghantar maklumat berkaitan imej yang dimuat naik ke bahagian belakang Fail yang diterima ialah fail objek Bagaimana saya boleh menukarnya kepada format data yang boleh dihantar menggunakan pos.

Apabila saya melihat topik ini, saya fikir ia tidak mudah saya meneruskan fail melalui JSON.stringify(file) (Nota: stringify() digunakan untuk menghuraikan rentetan daripada objek :

var input = document.getElementById("c_pic");
input.addEventListener('change',readFile,false);

function readFile(){ 
var file = this.files[0];
var file_json = JSON.stringify(file);
console.log(file_json); //打印出来是: {}
$.post('',file_json);
}

Saya mendapati bahawa apa yang dicetak adalah objek kosong: {}; jika anda tahu apa-apa tentangnya, beritahu saya, saya akan berterima kasih!

Jadi saya mengubah fikiran saya dan menggunakan pemalam muat naik fail atau pemuat naik web Baidu ialah komponen muat naik imej Jquery yang menyokong muat naik berbilang fail, pembatalan, pemadaman, pratonton lakaran kecil sebelum muat naik, paparan senarai saiz imej, dan sokongan untuk memuat naik paparan bar Kemajuan menyokong pembangunan bahagian pelayan dalam pelbagai bahasa dinamik.
Jika ia menyokong html5, anda boleh menggunakan FormData Ajax untuk memuat naik.

Kandungan di atas ialah kaedah yang dikongsi oleh editor untuk mendapatkan maklumat imej yang dimuat naik (laluan simpanan sementara, nama, saiz) melalui js dan kemudian menghantarnya ke bahagian belakang melalui ajax.