[推荐]filepond 文件上传 9.6K start 可编辑图片

[TOC] > [github](https://github.com/pqina/filepond) > [home](https://pqina.nl/filepond/) ## 概述 * 五分钟安装 * 设置裁剪蒙版和指南 * 定义宽高比选项 * 旋转，调整大小和翻转图像 * 添加标记和注释 * 颜色调整控件 * 应用滤镜效果 ## 特点 ### 多种输入格式 接受目录，文件，blob，本地URL，远程URL和数据URI。 ### 异步或同步上传 ### 多个文件源 删除文件，从文件系统中选择文件，使用API​​添加文件或复制和粘贴文件。 ### 图像优化 在客户端上自动调整大小和裁剪图像可以节省服务器带宽，并大大提高了上传速度。 ## 支持框架 Vue, jQuery ,React, Angular ## 插件 * [File encode](https://github.com/pqina/filepond-plugin-file-encode) * [File rename](https://github.com/pqina/filepond-plugin-file-rename) * [File size validation](https://github.com/pqina/filepond-plugin-file-validate-size) * [File type validation](https://github.com/pqina/filepond-plugin-file-validate-type) * [File metadata](https://github.com/pqina/filepond-plugin-file-metadata) * [File poster](https://github.com/pqina/filepond-plugin-file-poster) * [Image editor](https://github.com/pqina/filepond-plugin-image-edit) * [Image size validation](https://github.com/pqina/filepond-plugin-image-validate-size) * [Image preview](https://github.com/pqina/filepond-plugin-image-preview) * [Image crop](https://github.com/pqina/filepond-plugin-image-crop) * [Image filter](https://github.com/pqina/filepond-plugin-image-filter) * [Image resize](https://github.com/pqina/filepond-plugin-image-resize) * [Image transform](https://github.com/pqina/filepond-plugin-image-transform) * [Image EXIF orientation](https://github.com/pqina/filepond-plugin-image-exif-orientation) * [Image overlay](https://github.com/nielsboogaard/filepond-plugin-image-overlay)(third-party) * [Media preview](https://github.com/nielsboogaard/filepond-plugin-media-preview)(third-party) * [Get file](https://github.com/nielsboogaard/filepond-plugin-get-file)(third-party) ## demo ``` ```