Antd 4 Upload 图片上传(前端篇)

简介

记录一下第一次使用 Ant Design 的 Upload 组件上传图片到后端服务器的基本流程和思路。

前端使用了 React + Antd ，后端使用 Nodejs 的Express 。

主要介绍 Antd 中 Upload 组件的照片墙，也就是上传多张图片。

Ant Design 官方 Upload 教程地址：Antd Upload 组件

实现

1. 简单的render

import React, { Component } from 'react'

import { Card, Upload } from 'antd'

import { PlusOutlined } from '@ant-design/icons'

class Example extends Component{

render() {

return (

)

}

}

export default Example

也就是先做一个基本的 Upload 组件样子：