JavaScript上传TXT文件并预览

# txtPreview.js
# 引入jschardet获取文件编码
import jschardet from 'jschardet'

##
 # 获取文件的encoding码
 # @param {Object File} file input上传的txt文件
 # @return {String} encoding 返回文件的编码格式
 #
function checkEncoding (file) {
    return new Promise((resolve, reject) => {
        let reader = new FileReader()
        reader.readAsDataURL(file)  # 获取txt文件的base64码
        reader.onload = function (e) {
            let base64Str = reader.result
            let str = atob(base64Str.split(';base64,')[1])
            let encoding = jschardet.detect(str)  # 通过jschardet获取txt文件对应的编码格式
            encoding = encoding.encoding
            if (encoding === 'window-1252') {
                encoding = 'ANSI'
            }
            resolve(encoding)
        }
    })
}
##
 # 返回file内容
 # @param {Object File} file input上传的txt文件
 # @return {String} 返回txt文件的内容
 #
const txtPreview = (file) => {
    return new Promise((resolve, reject) => {
        checkEncoding(file).then(encoding => {
            let reader = new FileReader()
            reader.readAsText(file, encoding)  # 通过txt文件编码格式获取文件内容（字符串形式）
            reader.onloadend = function (e) {
                resolve(reader.result)
            }
        })
    })
}
export default txtPreview

<html>
<body>
    <form>
        <input type="file" id="files" name="files"/>
    </form>
    <div id="resText" style="word-wrap: break-word; white-space: divpre-wrap;"></div>
    <script>
        import txtPreview from './txtPreview.js'
        document.getElementById('files').addEventListener('change', handleFileSelect, false);
        function handleFileSelect(e) {
            let file = e.target.files[0]
            txtPreview(file).then(res => {
                document.getElementById("resText").innerHTML = res;
            })
        }
    </script>
</body>
</html>

文转载于https://lmangoxx.github.io/tags/FileReader/

科技之巅#python html指定区域文本内容转称txt文本文件

1、首先，通过python，去将读取遍历程序目录文件夹中，【html】文件夹里面的文件、文件

夹以及子目录、子目录里面的，获取到该目录下所有的【.html】文件后，返回一个list对象

2、遍历完成后得到一个html文件列表对象，将该列表交给html_to_txt方法，html_to_txt方法

里面循环逐个读取html文件中指定标签中<DIV>标签中<H1>标签中的文字，和中指定标签

<TD>里面<P>标签的文字提取出来

3、读取到的文本内容输出到txt文件中，这里可以加上一个替换replace，把我们不需要的内

容替换之后，这里可以做多次替换，也可以加上换行之类的处理，再进行输出，可根据自己

的需求修改，如果有什么不明之处，可以提问

日新月异的数字时代，文本编辑的需求和复杂性日益增长。无论是HTML还是TXT格式的文本，我们都需要对其进行一系列复杂的操作，包括添加、修改、删除、合并和拆分等。为了满足这一需求，首助编辑高手软件应运而生，以其强大的文本批量操作功能引领行业潮流。

它是一款全面、高效的文本处理工具，无论是对于个人用户还是企业用户，都能提供强大的支持。它的文本批量操作功能支持HTML和TXT文本内容，这意味着无论你的文本是何种格式，首助编辑高手都能应对自如。

一、操作简单，功能强大：支持AI文章创作、图片批量处理、文本批量操作、长图拼接切图等强大功能

二、多元化格式：在“文本批量操作”功能中支持用记事本能正常浏览的文本文档，如对TXT、HTML、PHP、JSP、ASP等

三、批量添加：软件的批量添加功能让你可以在短时间内对大量文本进行添加操作。无论是添加内容、格式还是链接，你都可以通过简单的设置实现，大大提高了工作效率。

四、批量修改：在编辑大量文本时，修改是一项必不可少的操作。软件的批量修改功能，允许你一次性修改多个文本的相同错误，省去了逐个修改的繁琐过程。

五、批量删除：软件的批量删除功能可以帮助你快速清除不需要的文本内容，无论是空格、特定字符还是段落，你都可以轻松删除。

六、批量合并与拆分：还支持批量合并和拆分文本。你可以将多个文本文件合并成一个文件，也可以将一个文件拆分成多个部分。这一功能对于需要进行大规模文本处理的用户来说，无疑是一项福音。

总的来说，软件以其强大的文本批量操作功能和实用的其他功能，为广大的文本编辑用户提供了极大的便利。无论你是学生、教师还是专业编辑人员，首助编辑高手都能为你提供全方位的支持，让你的文本编辑工作更加高效、准确。在这个信息爆炸的时代，选择一款高效、全面的文本编辑工具至关重要。首助编辑高手软件无疑是你的最佳选择。

在线咨询

上一篇：JavaScript 关闭浏览器 (不弹出提示框)
下一篇：HTML基础教程：框架基础

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

整合营销服务商

JavaScript上传TXT文件并预览

您的项目需求