JavaScript上傳TXT文件并預(yù)覽

# 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文件對應(yīng)的編碼格式
            encoding = encoding.encoding
            if (encoding === 'window-1252') {
                encoding = 'ANSI'
            }
            resolve(encoding)
        }
    })
}
##
 # 返回file內(nèi)容
 # @param {Object File} file input上傳的txt文件
 # @return {String} 返回txt文件的內(nèi)容
 #
const txtPreview = (file) => {
    return new Promise((resolve, reject) => {
        checkEncoding(file).then(encoding => {
            let reader = new FileReader()
            reader.readAsText(file, encoding)  # 通過txt文件編碼格式獲取文件內(nèi)容（字符串形式）
            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>

文轉(zhuǎn)載于https://lmangoxx.github.io/tags/FileReader/

科技之巔#python html指定區(qū)域文本內(nèi)容轉(zhuǎn)稱txt文本文件

1、首先，通過python，去將讀取遍歷程序目錄文件夾中，【html】文件夾里面的文件、文件

夾以及子目錄、子目錄里面的，獲取到該目錄下所有的【.html】文件后，返回一個list對象

2、遍歷完成后得到一個html文件列表對象，將該列表交給html_to_txt方法，html_to_txt方法

里面循環(huán)逐個讀取html文件中指定標(biāo)簽中<DIV>標(biāo)簽中<H1>標(biāo)簽中的文字，和中指定標(biāo)簽

<TD>里面<P>標(biāo)簽的文字提取出來

3、讀取到的文本內(nèi)容輸出到txt文件中，這里可以加上一個替換replace，把我們不需要的內(nèi)

容替換之后，這里可以做多次替換，也可以加上換行之類的處理，再進行輸出，可根據(jù)自己

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

日新月異的數(shù)字時代，文本編輯的需求和復(fù)雜性日益增長。無論是HTML還是TXT格式的文本，我們都需要對其進行一系列復(fù)雜的操作，包括添加、修改、刪除、合并和拆分等。為了滿足這一需求，首助編輯高手軟件應(yīng)運而生，以其強大的文本批量操作功能引領(lǐng)行業(yè)潮流。

它是一款全面、高效的文本處理工具，無論是對于個人用戶還是企業(yè)用戶，都能提供強大的支持。它的文本批量操作功能支持HTML和TXT文本內(nèi)容，這意味著無論你的文本是何種格式，首助編輯高手都能應(yīng)對自如。

一、操作簡單，功能強大：支持AI文章創(chuàng)作、圖片批量處理、文本批量操作、長圖拼接切圖等強大功能

二、多元化格式：在“文本批量操作”功能中支持用記事本能正常瀏覽的文本文檔，如對TXT、HTML、PHP、JSP、ASP等

三、批量添加：軟件的批量添加功能讓你可以在短時間內(nèi)對大量文本進行添加操作。無論是添加內(nèi)容、格式還是鏈接，你都可以通過簡單的設(shè)置實現(xiàn)，大大提高了工作效率。

四、批量修改：在編輯大量文本時，修改是一項必不可少的操作。軟件的批量修改功能，允許你一次性修改多個文本的相同錯誤，省去了逐個修改的繁瑣過程。

五、批量刪除：軟件的批量刪除功能可以幫助你快速清除不需要的文本內(nèi)容，無論是空格、特定字符還是段落，你都可以輕松刪除。

六、批量合并與拆分：還支持批量合并和拆分文本。你可以將多個文本文件合并成一個文件，也可以將一個文件拆分成多個部分。這一功能對于需要進行大規(guī)模文本處理的用戶來說，無疑是一項福音。

總的來說，軟件以其強大的文本批量操作功能和實用的其他功能，為廣大的文本編輯用戶提供了極大的便利。無論你是學(xué)生、教師還是專業(yè)編輯人員，首助編輯高手都能為你提供全方位的支持，讓你的文本編輯工作更加高效、準(zhǔn)確。在這個信息爆炸的時代，選擇一款高效、全面的文本編輯工具至關(guān)重要。首助編輯高手軟件無疑是你的最佳選擇。

在線咨詢

上一篇：JavaScript 關(guān)閉瀏覽器 (不彈出提示框)
下一篇：HTML基礎(chǔ)教程：框架基礎(chǔ)

您的項目需求

*請認真填寫需求信息，我們會在24小時內(nèi)與您取得聯(lián)系。

整合營銷服務(wù)商

JavaScript上傳TXT文件并預(yù)覽

您的項目需求