推荐4款高星星JS库:canvas库-Fabric.js、JavaScript客户端文件上传库-FilePond、客户端保存文件解决方案-FileSaver、JavaScript在线解压 ZIP 文件-JSZip

一、canvas库-Fabric.js

  Fabric.js 是一个强大而简单的 Javascript HTML5 画布库。 Fabric 在画布元素之上提供交互式对象模型, Fabric 还具有 SVG-to-canvas(和 canvas-to-SVG)解析器。

  详情见这篇文章:这个 19.4K 的 canvas 库,功能很强大!——  https://mp.weixin.qq.com/s/v4QZgSj3JU-fA22_ebNbyw

  Fabric.js 项目地址:https://github.com/fabricjs/fabric.js。  19.8K star 应该很 nice。

二、功能强大的 JS 文件上传库:FilePond

  FilePond:它是一个 JavaScript 文件上传库。可以拖入上传文件,并且会对图像进行优化以加快上传速度。让用户体验到出色、进度可见、如丝般顺畅的文件上传体验。

  FilePond 项目地址:https://github.com/pqina/filepond。   11.5K star 很nice。

  特点和优势:

(1)上传内容:支持目录、文件、多个文件、本地路径、远程 URL 等。

(2)文件管理:删除文件、选择文件、复制和粘贴文件、或使用 API 方式添加文件。

(3)上传方式:使用 AJAX 进行异步上传、或将文件编码为 base64 数据用表单发送。

(4)图像优化:自动调整图像大小、裁剪和修复 EXIF 方向。

(5)响应式:可在移动和桌面设备上使用。

  详细介绍见这篇文章:https://blog.csdn.net/a419240016/article/details/101028686

三、客户端保存文件解决方案:FileSaver.js

  FileSaver.js 是在客户端保存文件的解决方案,非常适合在客户端上生成文件的 Web 应用程序。它简单易用且兼容大多数浏览器,被作为项目依赖应用在 6.3 万的项目中。

  目前 17.7K star,地址:https://github.com/eligrey/FileSaver.js

  主要使用 saveAs API ,具体如何使用及其原理可以看这篇文章:聊一聊 15.5K 的 FileSaver,是如何工作的?- https://mp.weixin.qq.com/s/oW0izYKgMC2eZdM459gmgQ

四、JavaScript在线解压 ZIP 文件:JSZip

  JSZip 是一个用于创建、读取和编辑 .zip 文件的 JavaScript 库,该库支持大多数浏览器。

  有了 JSZip 这个库的帮助,要实现浏览器端在线解压 ZIP 文件的功能并不难。因为官方已经为我们提供了 解压本地文件、解压远程文件和生成 ZIP 文件 的完整示例。

  目前 7.3K star,地址:https://github.com/Stuk/jszip

  具体如何使用可以看这篇文章:JavaScript 如何在线解压 ZIP 文件? - https://mp.weixin.qq.com/s/tGrXZ7918NtqX8eh1SdgIw

posted @ 2021-09-16 21:51  古兰精  阅读(655)  评论(0编辑  收藏  举报