Bagaimana untuk membaca fail tempatan dalam html

Dalam HTML, baca fail tempatan melalui API Fail. Langkah-langkahnya termasuk: Buat pemilih fail menggunakan elemen <input> Tambahkan pendengar acara pada pemilih fail. Dalam pengendali acara, gunakan objek FileReader untuk membaca fail. Selepas membaca berjaya, atribut hasil mengandungi kandungan fail dan boleh diproses mengikut keperluan.

Cara membaca fail tempatan menggunakan HTML

Dalam HTML, membaca fail tempatan terutamanya dilakukan dengan menggunakan API Fail. API Fail ialah satu set API JavaScript yang membenarkan halaman web membaca fail daripada peranti pengguna.

Langkah diperlukan:

1. Buat pemilih fail menggunakan elemen <input>: <input> 元素创建文件选择器：

   <input type="file">

<input type="code"> ><li> <p><strong></strong></p>Tambahkan pendengar acara pada pemilih fail: </li> <li><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>const input = document.querySelector('input[type=&quot;file&quot;]'); input.addEventListener('change', handleFileSelect);</pre><div class="contentsignin">Salin selepas log masuk</div></div><p><strong></strong></p> Baca fail dalam pengendali acara: </li></ol><div class="code" style="position:relative; padding:0px; margin:0px;"><pre class='brush:php;toolbar:false;'>function handleFileSelect(event) { const files = event.target.files; const reader = new FileReader(); reader.onload = function() { // 读取成功后，`result` 属性将包含文件的内容。 const content = reader.result; // 对文件内容执行所需的处理。 }; reader.readAsText(files[0]); }</pre><div class="contentsignin">Salin selepas log masuk</div></div><p><strong></strong>Kod contoh:</p> <p><strong></strong></p> <ul> ujian: <li> </li> <li> </li>API Fail hanya berfungsi dengan penyemak imbas HTML5. <li>Membaca fail tempatan memerlukan kebenaran yang jelas daripada pengguna. <li>Pelayar mempunyai had khusus pada saiz dan jenis fail. </ul>🎜Gunakan API Fail dengan berhati-hati kerana ia mungkin menimbulkan risiko keselamatan. 🎜🎜</li>

Atas ialah kandungan terperinci Bagaimana untuk membaca fail tempatan dalam html. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!