javascript实现文件上传类库-爱 • 范儿

Filepond 是一个用于上传文件的小型 Javascript 库。它提供了许多不同的上传方式:你可以使用拖拽、拷贝粘贴,浏览本地文件系统的方式,甚至只是使用它提供的 API 方式来上传文件。

这个库内置了图形优化和图形自动缩放功能,Gzip 压缩后只有 21 KB。

Github地址https://github.com/pqina/filepond

如何使用,请看例子

<!DOCTYPE html>
<html>
<head>
  <title>FilePond from CDN</title>

  <!-- Filepond stylesheet -->
  <link href="https://unpkg.com/filepond/dist/filepond.css" rel="stylesheet">

</head>
<body>

  <!-- We'll transform this input into a pond -->
  <input type="file" class="filepond">

  <!-- Load FilePond library -->
  <script src="https://unpkg.com/filepond/dist/filepond.js"></script>

  <!-- Turn all file input elements into ponds -->
  <script>
  FilePond.parse(document.body);
  </script>

</body>
</html>