Bagaimanakah saya boleh mencetuskan kotak input fail tersembunyi dengan jQuery?

Mencetuskan Input Fail dengan jQuery

Dalam usaha untuk memulakan kotak muat naik menggunakan jQuery, anda telah menggunakan kaedah:

$('#fileinput').trigger('click');

Walau bagaimanapun, ia telah terbukti tidak berjaya. Ini mengemukakan soalan: Bagaimanakah seseorang boleh berjaya mencetuskan kotak input fail menggunakan jQuery?

Sekatan Keselamatan dan Penyelesaian

Percubaan yang gagal boleh dikaitkan dengan sekatan keselamatan. Adalah penting untuk ambil perhatian bahawa sekatan keselamatan dikenakan apabila elemen disembunyikan (sama ada melalui paparan:none atau visibility:hidden).

Untuk memintas sekatan ini, penyelesaiannya ialah meletakkan elemen di luar viewport dengan menetapkan position:absolute dan top:-100px. Kedudukan anjakan ini membolehkan mekanisme pencetus berfungsi dengan berkesan.

Berikut ialah contoh penyelesaian sedemikian: http://jsfiddle.net/DSARd/1/

Pendekatan ini pada asasnya menipu penyemak imbas untuk menganggap elemen sebagai berada di luar port pandangan, sekali gus membenarkan mekanisme pencetus beroperasi seperti yang dimaksudkan.

Atas ialah kandungan terperinci Bagaimanakah saya boleh mencetuskan kotak input fail tersembunyi dengan jQuery?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!