Bagaimana untuk Mencetuskan Input Fail dengan jQuery Tanpa Melanggar Sekatan Keselamatan?

Mencetuskan Input Fail dengan jQuery

jQuery menawarkan cara yang mudah untuk berinteraksi dengan elemen HTML, tetapi mencetuskan input fail asli boleh mencabar kerana had keselamatan.

Penyelesaian:

Kunci untuk memintas sekatan ini adalah untuk memastikan input fail kelihatan di luar viewport. Satu kaedah yang telah terbukti berkesan ialah menggunakan kedudukan mutlak dan meletakkan input fail di atas atau di bawah port pandangan.

Sebagai contoh, kod berikut meletakkan input fail 100 piksel di atas port pandangan, membolehkan ia dicetuskan tanpa melanggar keselamatan sekatan:

$('#fileinput').css({
  position: 'absolute',
  top: '-100px'
});
$('#fileinput').trigger('click');

Demonstrasi:

Anda boleh melihat contoh yang berkesan bagi pendekatan ini di [jsfiddle.net/DSARd/1/](http://jsfiddle.net/DSARd/1/).

Nota:

Walaupun kaedah ini berkesan mencetuskan input fail, ia boleh dianggap sebagai hack. Adalah disyorkan untuk menggunakannya hanya apabila benar-benar perlu.

Atas ialah kandungan terperinci Bagaimana untuk Mencetuskan Input Fail dengan jQuery Tanpa Melanggar Sekatan Keselamatan?. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!