本文介紹如何使用jQuery讀取本地文本文件txt。
首先,在HTML文件中添加一個input元素和一個button元素,用戶可以通過點擊按鈕選擇需要讀取的txt文件。讀取本地文件txt
選擇文件:
接下來,使用jQuery的FileReader方法讀取txt文件。 先定義一個變量用于存儲讀取的文件: var file = null; 然后給input元素添加一個change事件,當用戶選擇文件時觸發。將選擇的文件存儲在file變量中。 $('#fileInput').on('change', function() { file = $(this).prop('files')[0]; }); 最后,在button元素上添加一個click事件,當用戶點擊按鈕時讀取文件內容并顯示在pre標簽中。 $('#readBtn').on('click', function() { if (file) { var reader = new FileReader(); reader.onload = function(e) { $('#result').text(e.target.result); } reader.readAsText(file); } else { alert('請選擇文件!'); } }); 在pre標簽中顯示文件內容:文件內容:
以上就是使用jQuery讀取本地文件txt的方法。完整代碼如下:選擇文件:
文件內容:
注意:由于瀏覽器的安全限制,無法直接使用JavaScript和jQuery讀取本地文件。必須通過用戶選擇文件的方式來讀取文件。