• 推荐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

  • 相关阅读:
    一代人的青春--芳华
    用切面对监控日志的实现2
    一个在java后台实现的对图片进行加网纹或水印的工具类
    家乡的河
    家乡的鬼节—十来一儿
    八里沟印象
    双城记
    记忆中的那一树梨花
    用切面对监控日志的实现
    关于poi导出excel三种方式HSSFWorkbook,SXSSFWorkbook,csv的总结
  • 原文地址:https://www.cnblogs.com/goloving/p/15302426.html
Copyright © 2020-2023  润新知