Artikel ini menerangkan cara menggunakan PHP untuk membaca semua nama fail dalam direktori yang ditentukan dan lulus nama fail ini ke JavaScript untuk digunakan. Dapatkan senarai fail melalui fungsi seperti Opendir, Readdir, dan lain -lain PHP, kemudian gunakan JSON_ENCODE untuk menukar array PHP ke dalam rentetan JSON, dan akhirnya menghuraikan rentetan JSON dalam JavaScript untuk mendapatkan senarai fail.

Sisi PHP: Dapatkan senarai fail

Pertama, kita perlu menggunakan PHP untuk membaca semua nama fail dalam direktori yang ditentukan. Berikut adalah kod contoh mudah yang menunjukkan cara melaksanakan fungsi ini menggunakan fungsi OpenDir, Readdir, dan tertutup.

  Php
$ files = [];
$ direktori = 'c: \ xampp \\ htdocs \\ dump \\ uploads'; // Gantikan dengan laluan direktori anda jika ($ handle = opendir ($ direktori)) {
    sementara (false! == ($ entry = readdir ($ handle))) {
        jika ($ entry! = "." && $ entry! = "..") {
            $ fail [] = $ entry;
        }
    }
    tertutup ($ pemegang);
} else {
    echo "tidak boleh membuka direktori";
}

// senarai fail output, mudah untuk debugging print_r ($ fail);
?>

Penjelasan kod:

1. $ files = [] ;: Inisialisasi array kosong untuk menyimpan nama fail.
2. $ direktori = 'c: \ xampp \ htdocs \ dump \ uploads';: tentukan laluan direktori untuk dibaca. Sila ubah laluan ini mengikut keadaan sebenar anda.
3. Opendir ($ direktori): Membuka direktori yang ditentukan dan mengembalikan pemegang direktori.
4. Readdir ($ mengendalikan): Baca entri dari pemegang direktori, yang boleh menjadi fail atau subdirektori.
5. $ entri! = "." && $ entri! = "..": Tapis direktori semasa (.) Dan direktori induk (..).
6. $ fail [] = $ entri;: Tambah nama fail baca ke array $ fail.
7. Tertutup ($ mengendalikan): Tutup pemegang direktori dan lepaskan sumber.
8. print_r ($ fail);: Cetak senarai fail untuk debugging.

Nota:

• Sila pastikan PHP mempunyai kebenaran untuk mengakses direktori yang ditentukan.
• Laluan direktori perlu menggunakan backslashes berganda (\\) atau slashes ke hadapan (/).

Lulus array php ke javascript

Seterusnya, kita perlu lulus senarai fail yang diperolehi oleh PHP ke JavaScript. Kaedah yang sama adalah menggunakan fungsi JSON_ENCODE untuk menukar array PHP ke dalam rentetan JSON dan menghuraikan rentetan itu dalam JavaScript.

 <script type="text/javascript">
    const files = json.parse (<? php echo "&#39;" .json_encode ($ fail). "&#39;";?>);    
    console.log (&#39;myfiles&#39;, fail); 
</script>

Penjelasan kod:

1. JSON_ENCODE ($ fail): Tukar Array PHP $ fail ke JSON String.
2. echo "'" .json_encode ($ fail). "'" ;: output json strings ke halaman HTML dan bungkusnya dalam petikan tunggal untuk mencegah kesilapan parsing JavaScript.
3. Json.parse (): Gunakan fungsi json.parse () dalam javascript untuk menghuraikan tali json dan tukarnya menjadi tatasusunan javascript.
4. Console.log ('myfiles', fail);: Cetak senarai fail ke konsol untuk debug mudah.

Cara lain:

Anda juga boleh membenamkan data JSON secara langsung ke dalam atribut data HTML dan kemudian dibaca dalam JavaScript:

 <div id="senarai fail" data-files="'<?" php echo json_encode fail> '> </div>

<script>
  const fileListElement = document.getElementById (&#39;File-List&#39;);
  const files = json.parse (fileListElement.dataset.files);
  console.log (&#39;Fail dari atribut data:&#39;, fail);
</script>

Kaedah ini lebih jelas dan mengelakkan output langsung pembolehubah PHP dalam tag skrip.

Sisi JavaScript: Gunakan senarai fail

Sekarang, kami telah berjaya meluluskan senarai fail yang diperolehi oleh PHP kepada JavaScript. Nama fail ini boleh digunakan dalam JavaScript untuk pelbagai operasi, seperti senarai penjanaan dinamik, penapisan fail, dll.

 // Contoh: Secara dinamik menjana senarai fail const fileListContainer = document.getElementById ('file-list-container');

files.foreach (file => {
    const listItem = document.createElement ('li');
    listItem.TextContent = file;
    fileListContainer.AppendChild (ListItem);
});

Penjelasan kod:

1. Document.GetElementById ('Fail-List-Container'): Mendapatkan elemen HTML yang digunakan untuk memaparkan senarai fail.
2. files.foreach (file => {...});: melangkah ke atas array senarai fail.
3. Document.CreateElement ('li'): Buat elemen LI baru.
4. listItem.TextContent = File;: Tetapkan kandungan teks elemen LI ke nama fail.
5. FileListContainer.AppendChild (ListItem): Menambah elemen LI ke bekas senarai fail.

Meringkaskan:

Melalui langkah -langkah di atas, kami telah berjaya melaksanakan fungsi menggunakan PHP untuk mendapatkan senarai fail direktori dan lulus nama fail ini ke JavaScript untuk digunakan. Kaedah ini boleh digunakan untuk pelbagai senario di mana senarai fail perlu dimuatkan secara dinamik, seperti perpustakaan imej, sistem pengurusan fail, dan lain -lain. Sila ambil perhatian bahawa keselamatan adalah penting, dan penting untuk mengesahkan dan menapis fail yang dimuat naik oleh pengguna untuk mengelakkan suntikan kod berniat jahat.

Atas ialah kandungan terperinci Keperluan Format Output: PHP memperoleh senarai fail direktori dan menggunakannya dalam JavaScript. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!