软件简介

FilePond 是一个 JavaScript 文件上传库,可以上传任何内容,并能够优化图像以加快上传速度,同时提供顺畅的用户体验。

FilePond 适配器可用于 React、Vue,Angular 和 jQuery,压缩包大小仅为 21 KB。

特性:

  • 接受目录、文件、blob、本地 URL、远程 URL 和数据 URI。
  • 可删除文件、选择文件系统、复制和粘贴文件,或使用 API​​ 添加文件。
  • 使用 AJAX 进行 异步上传,或将文件编码为 base64 数据并沿表单发送。
  • 可访问,使用 VoiceOver 和 JAWS 等 AT 软件进行测试,可通过键盘导航。
  • 图像优化,自动调整图像大小,裁剪和修复 EXIF 方向。
  • 响应式,自动扩展到可用空间,可在移动和桌面设备上使用。

展开阅读全文

代码

的 Gitee 指数为
超过 的项目

评论 (0)

加载中
更多评论
暂无内容
发表了博客
2018/09/10 16:01

【上传组件】react-dropzone-component VS react-filepond

1. react-dropzone-component 写一个名为MultiFilesUpload.js组件 // @flow import React from 'react'; import Dropzone from 'react-dropzone-component'; import { Button, Icon } from 'semantic-ui-react'; import { withAlert } from 'react-alert'; import withFetch from './hoc/withFetch'; type Prop...

0
0
发表了博客
2019/04/20 17:06

开源项目filepond的独立自由之路:城市套路深

微信原文更清晰:https://mp.weixin.qq.com/s/dv39XvvDNlDqvSgrhN2f7A 最近一直在做一个有关独立开发者友链联盟的插件项目,在做到上传头像时,满网络找最好的头像上传、剪裁插件,最后终于找到了filepond,满心欢喜的认为,这么好的东西居然是开源项目,简直牛的不要不要的。 <!--more--> 这个filepond到底怎么好呢?给...

0
0
发表了博客
2019/10/14 22:02

体验三大JavaScript文件上传库(Uppy.js/Filepond/Dropzone)

最近发现了一个高颜值的前端上传组件Uppy.js,立即上手体验了一波,感觉还不错。然后又看到同类型的Filepond以及Dropzone.js,对比体验了一下,感觉都很优秀,但是在体验过程中,都遇到了一点点问题,所以记录一下。 uppy.js 组件引用有两种方式,npm包引入或者引用cdn地址。github上的简单示例: <!-- 1. Add CSS to `...

0
0
发表了博客
2019/04/10 10:10

讲解开源项目:功能强大的 JS 文件上传库

<p align="center">本文作者:HelloGitHub-<strong>kalifun</strong></p> HelloGitHub 的《讲解开源项目》系列,项目地址:https://github.com/HelloGitHub-Team/Article 一、介绍 1.1 FilePond 它是一个 JavaScript 文件上传库。可以拖入上传文件,并且会对图像进行优化以加快上传速度。让用户体验到出色、进度可见、如...

0
0
发表于大前端专区
2019/02/15 22:15

这50款前端热门工具简直不要太好用了!(2)

上篇文章介绍了构建、框架和库的相关工具。本篇文章再给大家推荐HTML、CSS、Javascript等相关的十几款工具,希望能对大家学习以及工作上有所帮助。 HTML和CSS工具 15、 keyframes.app keyframes.app 一款基于时间...

0
2
发表了博客
2019/04/10 10:10

使用face-api.js实现人脸识别(一)

功能   第一阶段实现对图片中人脸的识别并打上标签(比如:人名)   第二阶段使用摄像头实现对人物的识别,比如典型的应用做一个人脸考勤的系统 资源 face-api.js https://github.com/justadudewhohacks/face-api.js/   Face-api.js 是一个 JavaScript API,是基于 tensorflow.js 核心 API 的人脸检测和人脸识别的浏...

0
0
发表了博客
2019/02/26 15:28

2018年(存档)最好的45个Vue开源项目汇总

作者|Mybridge译者|无明 在过去的一年里,我们比较了将近 12,000 个 Vue.js 开源项目和库,从中挑选了最好的 45 个(0.37%)。 这些项目和库可以分为 3 类: 用户界面(1~19) Vue.js 工具(20~36) 项目(37~45) 这是一个非常好的清单,精心挑选了 2018 年 1 月至 12 月期间发布的最佳 Vue.js 开源项目。Mybridge ...

0
0
发表于大前端专区
52分钟前

50个好用的前端框架,千万收好以留备用!

来源 | https://www.jianshu.com/p/182b69e54fe8 今天跟你分享一些目前比较热门新鲜度靠前的50款前端工具,希望对你有所帮助。 一、构建工具 1、 Parcel 地址:https://parceljs.org/ Parcel是一款极速零配置WEB...

0
1
发表于大前端专区
前天 08:12

【工具】788- 这些开源项目,让你轻松应对十大工作场景

俗话说得好,工欲善其事必先利其器。本文阿宝哥将介绍一些优秀的开源项目,利用这些开源项目,你将能能轻松应对以下十个工作场景:文件上传、图片处理、文档处理、网络请求、数据存储、微前端、表单设计器、H5 页...

0
0
发表了博客
10/14 15:38

基于业务场景下的图片/文件上传方案总结

前言 图片/文件上传组是企业项目开发中必不可少的环节之一, 但凡涉及到用户模块的都会有图片/文件上传需求, 在很多第三方组件库(ant desigin, element ui)中它也是基础组件之一. 接下来笔者就来带大家从零实现一款图片/文件上传组件以及扩展出更强大的上传组件. 你将收获 常用的图片上传功能实现方案 手写一个图片/文件上...

0
0
没有更多内容
加载失败,请刷新页面
点击加载更多
加载中
下一页
暂无内容
0 评论
19 收藏
分享
返回顶部
顶部