antd 上传文件 php,antd Upload 文件上传的示例代码

1.antd官网Upload组件:

2.下图是最近开发的上传文档的效果:

antd 上传文件 php,antd Upload 文件上传的示例代码_第1张图片

3.文件上传的实现:

(1)方法一:antd默认上传。

a:渲染文件上传组件。getPDFURL()方法为实现文件的上传。showUploadList为是否展示 uploadList, true显示,false不显示,其可设为一个对象,用于单独设定 showPreviewIcon 和 showRemoveIcon。type为上传按钮的图标。如下图所示。

{/* 渲染文件上传组件 */}

上传文件

b:getPDFURL()方法为实现文件的上传。name是发到后台的文件参数名。action为上传文件的地址。accept是接受上传的文件类型。headers是设置上传的请求头部,IE10 以上有效。onChange是上传文件改变时的状态。代码如下图所示。

antd 上传文件 php,antd Upload 文件上传的示例代码_第2张图片

下面为代码:

getPdfURL = () =>{

const _this = this;

const props = {

你可能感兴趣的:(antd,上传文件,php)