當(dāng)前位置：首頁(yè) > 科技 > 軟件

收藏，前端開(kāi)發(fā)必備的文件處理庫(kù)！

來(lái)源：責(zé)編：時(shí)間：2024-01-02 09:31:27 206觀看

導(dǎo)讀今天來(lái)分享幾個(gè)前端文件處理相關(guān)的實(shí)用工具庫(kù)！1、PDF（1）PDF.jsPDF.js是使用 HTML5 構(gòu)建的可移植文檔格式 (PDF) 查看器。它由社區(qū)驅(qū)動(dòng)并受 Mozilla 支持，目標(biāo)是創(chuàng)建一個(gè)通用的、基于 Web 標(biāo)準(zhǔn)的平臺(tái)來(lái)解析和呈現(xiàn) PDF。Git

今天來(lái)分享幾個(gè)前端文件處理相關(guān)的實(shí)用工具庫(kù)！

1、PDF

（1）PDF.js

PDF.js是使用 HTML5 構(gòu)建的可移植文檔格式 (PDF) 查看器。它由社區(qū)驅(qū)動(dòng)并受 Mozilla 支持，目標(biāo)是創(chuàng)建一個(gè)通用的、基于 Web 標(biāo)準(zhǔn)的平臺(tái)來(lái)解析和呈現(xiàn) PDF。

Github（?? 39.2k）：https://github.com/mozilla/pdf.js。

（2）jsPDF

jsPDF 是一個(gè)使用 JavaScript 語(yǔ)言生成 PDF 的開(kāi)源庫(kù)，是一個(gè)用于生成 PDF 的領(lǐng)先的 HTML5 客戶端解決方案。

Github（?? 24.6k）：https://github.com/parallax/jsPDF。

（3）pdfmake

在純 JavaScript 中用于服務(wù)器端和客戶端的 PDF 文檔生成庫(kù)。

Github（?? 10.2k）：https://github.com/bpampuch/pdfmake。

（4）pdf-lib

pdf-lib 可以在任何 JavaScript 環(huán)境中創(chuàng)建和修改 PDF 文檔。它旨在解決 JavaScript 生態(tài)系統(tǒng)對(duì) PDF 操作（尤其是 PDF修改）缺乏強(qiáng)大支持的問(wèn)題。可以用于任何現(xiàn)代 JavaScript 運(yùn)行時(shí)，如 Node、Browser、Deno 和 React Native 等。

Github（?? 4.1k）：https://github.com/Hopding/pdf-lib。

（5）pdfkit

PDFKit 是一個(gè)用于 Node 和瀏覽器的 PDF 文檔生成庫(kù)，可以輕松創(chuàng)建復(fù)雜的多頁(yè)可打印文檔。API 包含可鏈接性，并包括低級(jí)功能以及更高級(jí)別功能的抽象。PDFKit API 的設(shè)計(jì)很簡(jiǎn)單，因此生成復(fù)雜的文檔通常只需幾個(gè)函數(shù)調(diào)用即可。

Github（?? 8.2k）：https://github.com/foliojs/pdfkit。

（6）react-pdf

react-pdf 是一個(gè)用于在瀏覽器和服務(wù)器上創(chuàng)建 PDF 文件的 React 渲染器。

Github（?? 10.9k）：https://github.com/diegomura/react-pdf。

2、圖片

（1）sharp

sharp 是一個(gè)高性能的 Node.js 圖像處理庫(kù)，調(diào)整 JPEG、PNG、WebP、AVIF 和 TIFF 圖像大小的最快模塊。

Github（?? 22.7k）：https://github.com/lovell/sharp。

（2）cropperjs

cropperjs 是一個(gè) JavaScript 圖像裁剪器，支持29個(gè)裁剪選項(xiàng)、27種方法、6個(gè)事件、縮放、旋轉(zhuǎn)等。

Github（?? 10.8k）：https://github.com/fengyuanchen/cropperjs。

（3）tui.image-editor

tui.image-editor 是一個(gè)使用 HTML5 Canvas 的全功能圖像編輯器。它易于使用并提供強(qiáng)大的過(guò)濾器。

Github（?? 5.2k）：https://github.com/nhn/tui.image-editor。

（4）compressorjs

JavaScript 圖像壓縮器。使用瀏覽器原生的 canvas.toBlob API 來(lái)做壓縮工作，即有損壓縮，異步壓縮，在不同的瀏覽器有不同的壓縮效果。一般在客戶端上傳之前使用這個(gè)來(lái)預(yù)壓縮圖片。

Github（?? 3.9k）：https://github.com/fengyuanchen/compressorjs。

（5）viewerjs

viewerjs 是一個(gè) JavaScript 圖像查看器，支持 52 個(gè)查看選項(xiàng)、23 種操作方法、17 個(gè)事件、旋轉(zhuǎn)、移動(dòng)、縮放等。

Github（?? 6.6k）：https://github.com/fengyuanchen/viewerjs。

（6）omagesloaded

omagesloaded 是一個(gè)用來(lái)檢查圖像何時(shí)加載的 JavaScript 庫(kù)。

Github（?? 8.7k）：https://github.com/desandro/imagesloaded。

3、音視頻

（1）video.js

Video.js 是一個(gè)為 HTML5 世界從頭開(kāi)始構(gòu)建的網(wǎng)絡(luò)視頻播放器。它支持 HTML5 視頻和媒體源擴(kuò)展，以及其他播放技術(shù)，如 YouTube 和 Vimeo（通過(guò)插件）。它支持在臺(tái)式機(jī)和移動(dòng)設(shè)備上播放視頻。

Github（?? 8.7k）：https://github.com/videojs/video.js。

（2）plyr

Plyr 是一個(gè)簡(jiǎn)單、輕量級(jí)、可訪問(wèn)和可定制的 HTML5、YouTube 和 Vimeo 媒體播放器，支持現(xiàn)代瀏覽器。

Github（?? 22.3k）：https://github.com/sampotts/plyr。

（3）MediaElement.js

MediaElement.js 是一個(gè)HTML5 <audio> 或 <video> 播放器，支持 MP4、WebM 和 MP3 以及 HLS、Dash、YouTube、Facebook、SoundCloud 等，具有通用 HTML5 MediaElement API，可在所有瀏覽器中實(shí)現(xiàn)一致的 UI。

Github（?? 7.9k）：https://github.com/mediaelement/mediaelement。

（4）xgplayer

西瓜播放器是一個(gè)Web視頻播放器類庫(kù)，它本著一切都是組件化的原則設(shè)計(jì)了獨(dú)立可拆卸的 UI 組件。更重要的是它不只是在 UI 層有靈活的表現(xiàn)，在功能上也做了大膽的嘗試：擺脫視頻加載、緩沖、格式支持對(duì) video 的依賴。尤其是在 mp4 點(diǎn)播上做了較大的努力，讓本不支持流式播放的 mp4 能做到分段加載，這就意味著可以做到清晰度無(wú)縫切換、加載控制、節(jié)省視頻流量。同時(shí)，它也集成了對(duì) flv、hls、dash 的點(diǎn)播和直播支持。

Github（?? 5.4k）：https://github.com/bytedance/xgplayer。

（5）DPlayer

DPlayer 是一款可愛(ài)的 HTML5 彈幕視頻播放器，可幫助人們輕松構(gòu)建視頻和彈幕。

Github（?? 12.9k）：https://github.com/DIYgod/DPlayer。

（6）Howler.js

howler.js 是一個(gè)現(xiàn)代 web 音頻庫(kù)。它默認(rèn)為Web Audio API并回退到HTML5 Audio。這使得在所有平臺(tái)上使用 JavaScript 處理音頻變得容易且可靠。

Github（?? 20.3k）：https://github.com/goldfire/howler.j。

4、表格

（1）Handsontable

Handsontable 是一個(gè)具有電子表格外觀的 JavaScript 數(shù)據(jù)網(wǎng)格組件。適用于 React、Angular 和 Vue。它結(jié)合了數(shù)據(jù)網(wǎng)格功能和類似電子表格的 UX。它提供數(shù)據(jù)綁定、數(shù)據(jù)驗(yàn)證、過(guò)濾、排序和 CRUD 操作。

Github（?? 16.8k）：https://github.com/handsontable/handsontable。

（2）ag-grid

AG Grid 是一個(gè)功能齊全且高度可定制的 JavaScript 數(shù)據(jù)網(wǎng)格。它提供了出色的性能，沒(méi)有第三方依賴，并且可以與所有主要的 JavaScript 框架順利集成。

Github（?? 16.8k）：https://github.com/ag-grid/ag-grid。

（3）x-spreadsheet

x-spreadsheet 是一個(gè)基于 Web 的 JavaScript（canvas）電子表格。

Github（?? 12.6k）：https://github.com/myliang/x-spreadsheet。

（4）cheetah-grid

cheetah-grid 是最快的 Web 開(kāi)源數(shù)據(jù)表。

Github（?? 1.2k）：https://github.com/future-architect/cheetah-grid。

（5）ExcelJS

ExcelJS 是一個(gè)Excel電子表格文件逆向工程項(xiàng)目。可以讀取，操作并寫(xiě)入電子表格數(shù)據(jù)和樣式到 XLSX 和 JSON 文件。

Github（?? 9.7k）：https://github.com/exceljs/exceljs。

（6）SheetJS

SheetJS 是一個(gè)簡(jiǎn)化的電子表格，用意用來(lái)閱讀、編輯和導(dǎo)出電子表格，其適用于 Web 瀏覽器和服務(wù)器，在 Office 365 中受 Microsoft 信任。

Github（?? 30.6k）：https://github.com/SheetJS/sheetjs。

5、文件上傳

（1）Uppy

Uppy 是一款時(shí)尚的模塊化 JavaScript 文件上傳器，可與任何應(yīng)用程序無(wú)縫集成。它速度快，具有易于理解的 API，讓您不必?fù)?dān)心比構(gòu)建文件上傳器更重要的問(wèn)題。

Github（?? 25.5k）：https://github.com/transloadit/uppy。

（2）filepond

filepond 是一個(gè)用于上傳文件的 JavaScript 庫(kù)，優(yōu)化圖像以加快上傳速度，并提供出色、可訪問(wèn)、如絲般流暢的用戶體驗(yàn)。

Github（?? 12.6k）：https://github.com/pqina/filepond。

（3）Dropzone

Dropzone 是一個(gè) JavaScript 庫(kù)，可以將任何 HTML 元素轉(zhuǎn)換為 dropzone。這意味著用戶可以將文件拖放到上面，Dropzone 將顯示文件預(yù)覽和上傳進(jìn)度，并通過(guò) XHR 為你處理上傳。

Github（?? 16.7k）：https://github.com/dropzone/dropzone。

（4）vue-upload-component

vue-upload-component 是一個(gè)用于 Vue.js 的上傳組件，支持多文件上傳，上傳目錄，拖拽上傳，拖拽目錄，以及支持同時(shí)上傳多個(gè)文件等。

Github（?? 2.5k）：https://github.com/lian-yue/vue-upload-component。

（5）Uppload

Uppload 是一個(gè)更好的 JavaScript 圖片上傳器。它具有 30 多個(gè)插件的高度可定制性，完全免費(fèi)和開(kāi)源，并且可以與任何文件上傳后端一起使用。

Github（?? 1.7k）：https://github.com/elninotech/uppload。

（6）react-dropzone

react-dropzone 是一個(gè)為 React 量身定制的，基于HTML5 的 drop && drag API，可以實(shí)現(xiàn)拖拽上傳文件的 JavaScript 庫(kù)。

Github（?? 1.7k）：https://github.com/react-dropzone/react-dropzone。

6、其他

（1）JSZip

JSZip 是一個(gè)使用 JavaScript 創(chuàng)建、讀取和編輯 .zip 文件的庫(kù)，具有簡(jiǎn)單的 API。

Github（?? 8.1k）：https://github.com/Stuk/jszip。

（2）docxtemplater

docxtemplater 是一個(gè)從 docx/pptx 模板生成 docx/pptx 文檔的庫(kù)。它可以用數(shù)據(jù)替換 {placeholders} 并且還支持循環(huán)和條件。

Github（?? 2.2k）：https://github.com/open-xml-templating/docxtemplater。

（3）textract

textract 是一個(gè) node.js 模塊，用于從 html、pdf、doc、docx、xls、xlsx、csv、pptx、png、jpg、gif、rtf 等中提取文本。

Github（?? 1.5k）：https://github.com/dbashford/textract。

（4）PptxGenJS

PptxGenJS 是一個(gè)使用功能強(qiáng)大、簡(jiǎn)潔的 JavaScript API 創(chuàng)建 PowerPoint 演示文稿。

Github（?? 1.6k）：https://github.com/gitbrent/PptxGenJS。

（5）officegen

officegen 是一個(gè)用于 JavaScript 中 Word (docx)、PowerPoint (pptx) 和 Excell (xlsx) 的獨(dú)立 Office Open XML 文件（Microsoft Office 2007 及更高版本）生成器。

Github（?? 2.4k）：https://github.com/Ziv-Barber/officegen。

（6）PapaParse

PapaParse 是一個(gè)快速而強(qiáng)大的 CSV（分隔文本）解析器，可以優(yōu)雅地處理大文件和格式錯(cuò)誤的輸入。

Github（?? 10.6k）：https://github.com/mholt/PapaParse。

本文鏈接：http://www.www897cc.com/showinfo-26-55245-0.html收藏，前端開(kāi)發(fā)必備的文件處理庫(kù)！

聲明：本網(wǎng)頁(yè)內(nèi)容旨在傳播知識(shí)，若有侵權(quán)等問(wèn)題請(qǐng)及時(shí)與本網(wǎng)聯(lián)系，我們將在第一時(shí)間刪除處理。郵件：2376512515@qq.com

上一篇：收藏，前端開(kāi)發(fā)必備的文件處理庫(kù)！

下一篇： SwiftUI 使用 visualEffect 視圖修飾符

標(biāo)簽：

熱門(mén)焦點(diǎn)

對(duì)標(biāo)蘋(píng)果的靈動(dòng)島華為帶來(lái)實(shí)況窗功能

繼蘋(píng)果的靈動(dòng)島之后，華為也在今天正式推出了“實(shí)況窗”功能。據(jù)今天鴻蒙OS 4.0的現(xiàn)場(chǎng)演示顯示，華為的實(shí)況窗可以更高效的展現(xiàn)出實(shí)時(shí)通知，比如鎖屏上就能看到外賣(mài)、打車(chē)、銀行
6月iOS設(shè)備性能榜：M2穩(wěn)居榜首 A系列只能等一手3nm來(lái)救

沒(méi)有新品發(fā)布，自然iOS設(shè)備性能榜的上榜設(shè)備就沒(méi)有什么更替，僅僅只有跑分變化而產(chǎn)生的排名變動(dòng)，畢竟蘋(píng)果新品的發(fā)布節(jié)奏就是這樣的，一年下來(lái)也就幾個(gè)移動(dòng)端新品，不會(huì)像安卓廠商，一
K8S | Service服務(wù)發(fā)現(xiàn)

一、背景在微服務(wù)架構(gòu)中，這里以開(kāi)發(fā)環(huán)境「Dev」為基礎(chǔ)來(lái)描述，在K8S集群中通常會(huì)開(kāi)放：路由網(wǎng)關(guān)、注冊(cè)中心、配置中心等相關(guān)服務(wù)，可以被集群外部訪問(wèn)；圖片對(duì)于測(cè)試「Tes」環(huán)境或者
如何通過(guò)Python線程池實(shí)現(xiàn)異步編程？

線程池的概念和基本原理線程池是一種并發(fā)處理機(jī)制，它可以在程序啟動(dòng)時(shí)創(chuàng)建一組線程，并將它們置于等待任務(wù)的狀態(tài)。當(dāng)任務(wù)到達(dá)時(shí)，線程池中的某個(gè)線程會(huì)被喚醒并執(zhí)行任務(wù)，執(zhí)行完任
使用LLM插件從命令行訪問(wèn)Llama 2

最近的一個(gè)大新聞是Meta AI推出了新的開(kāi)源授權(quán)的大型語(yǔ)言模型Llama 2。這是一項(xiàng)非常重要的進(jìn)展：Llama 2可免費(fèi)用于研究和商業(yè)用途。(幾小時(shí)前，swyy發(fā)現(xiàn)它已從LLaMA 2更名為L(zhǎng)la
一文掌握 Golang 模糊測(cè)試（Fuzz Testing）

模糊測(cè)試（Fuzz Testing）模糊測(cè)試（Fuzz Testing）是通過(guò)向目標(biāo)系統(tǒng)提供非預(yù)期的輸入并監(jiān)視異常結(jié)果來(lái)發(fā)現(xiàn)軟件漏洞的方法。可以用來(lái)發(fā)現(xiàn)應(yīng)用程序、操作系統(tǒng)和網(wǎng)絡(luò)協(xié)議等中的漏洞或
共享單車(chē)的故事講到哪了？

來(lái)源丨海克財(cái)經(jīng)與共享充電寶相差不多，共享單車(chē)已很久沒(méi)有被國(guó)內(nèi)熱點(diǎn)新聞關(guān)照到了。除了一再漲價(jià)和用戶直呼用不起了。近日多家媒體再發(fā)報(bào)道稱，成都、天津、鄭州等地多個(gè)共享單
iQOO Neo8 Pro評(píng)測(cè)：旗艦雙芯加持最強(qiáng)性能游戲旗艦

【Techweb評(píng)測(cè)】去年10月，iQOO推出了一款Neo7手機(jī)，該機(jī)搭載了聯(lián)發(fā)科天璣9000+，配備獨(dú)顯芯片Pro+，帶來(lái)了同價(jià)位段最佳的游戲體驗(yàn)，一經(jīng)上市便受到了諸多用
榮耀Magic4 至臻版首創(chuàng)智慧隱私通話強(qiáng)勁影音系統(tǒng)

2022年第一季度臨近尾聲，在該季度內(nèi)，許多品牌陸續(xù)發(fā)布自己的最新產(chǎn)品，讓大家從全新的角度來(lái)了解當(dāng)今的手機(jī)技術(shù)。手機(jī)是電子設(shè)備中，更新迭代十分迅速的一款產(chǎn)品，基