什么是react-dropzone-amd？
React-dropzone-amd是一个基于React的上传文件组件。它支持多种文件类型的上传、拖放上传、复制粘贴上传和摄像头上传。它还支持文件的预览和限制文件大小和数量等功能。
安装
使用npm安装：
npm install react-dropzone-amd --save
使用
- 引入组件：
import React from 'react'; import Dropzone from 'react-dropzone-amd';
- 渲染组件：
-- -------------------- ---- -------
----- --- - -- -- -
----- ---------- - ------- -- -
-- -------
--
------ -
---------
-------------------
----------------
------------
-----------------
-
---------------- --------------- -- -
------ -
---- --------------------
------ -------------------- --
---------------
------
-
--
-----------
--
--
-------------------- --- ---------------------------------API
onDrop: Function：文件成功上传后的回调函数，返回一个包含上传文件信息的数组；accept: String | Array：允许上传的文件类型，支持字符串和数组，默认为"*"；maxFiles: Number：允许上传的最大文件数，默认为Infinity；maxSize: Number：允许上传的最大文件大小，默认为Infinity。
示例
下面是一个示例，演示如何使用React-dropzone-amd上传文件：
-- -------------------- ---- -------
------ ----- ---- --------
------ -------- ---- ---------------------
----- --- - -- -- -
----- ---------- - ------- -- -
-------------------
--
------ -
---------
-------------------
----------------
------------
-----------------
-
---------------- --------------- -- -
------ -
---- --------------------
------ -------------------- --
---------------
------
-
--
-----------
--
--
-------------------- --- ---------------------------------结语
React-dropzone-amd是一款非常实用的上传文件组件，能够帮助我们在React项目中轻松地实现文件上传功能。通过本文的介绍，读者可以快速掌握React-dropzone-amd的基本使用方法，并灵活运用到实际项目中。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6005590881e8991b448d6654