如何使用 Javascript 计算文本文件中的字数

Question

我在这里有货。

我正在尝试在我的 Web 应用程序 (HTML5) 上集成一项功能，该功能使用户能够使用普通的 HTML 文件输入框选择文本文件，并将所选文本文件中的总字数真实显示给他们-时间。

这是我目前对 Javascript 部分的了解：

<script>
    //function to count words in selected text file
    $(function() {
        $('#upload').change( function(event) {
            var tmppath = URL.createObjectURL(event.target.files[0]); //get temp path of selected file

            //some codes here to read the file selected by the user and store the number of words in a string called total_word 
            $("#display_File_count").text(total_word); //display the number of words in the appropriate span
        });
    });
</script>

这里是 HTML 部分；

<input name="upload" type="file" id="upload" accept="text/plain" accesskey="u">
                <div><span id="display_File_count">0</span> <span> words</span></div> 

当用户点击文件选择器并选择一个文本文件时，脚本应该读取文本文件的内容，计算其中包含的单词数（全部在客户端完成）。

然后在 id 为“display_file_count”的 span 内显示单词的数量。

求求你们，我需要一条出路。

提前致谢。

Answer 1

我会使用 FileReader（记得检查浏览器兼容性 - 因为不是所有浏览器都支持它）

$('#upload').change( function(event) {

    var f = event.target.files[0];
    if (f) {
        var r = new FileReader();

        r.onload = function(e) { 
            var contents = e.target.result;
            var res = contents.split(" "); 
            $("#display_File_count").text(res.length);
        }
        r.readAsText(f);
    }
});