Question

我在这里买东西。

我正在尝试在我的网络应用程序（HTML5）上集成一个功能，使用户可以使用普通的HTML文件输入框选择文本文件，并在所选的文本文件中显示实际的文字总数。 -time。

以下是我到目前为止在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＆＃34; display_file_count＆＃34;的范围内显示单词数。

请大家，我需要一个出路。

提前致谢。

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);
    }
});

如何使用Javascript

1 个答案: