react-antd中使用Upload实现图片裁剪与上传预览的功能
发布时间
阅读量：
阅读量
前言
在React框架下，借助Ant Design组件库完成图片上传、裁剪及预览功能的实现过程，现将具体操作步骤进行整理记录，期望能够为相关开发人员提供一定的参考价值与实践指导。
实现
本次采用的是antd框架，为实现图片上传功能，需安装一个名为antd-img-crop的插件。
yarn add antd-img-crop
随后即可开始应用：
import React, { memo, useState } from 'react'
import { Upload } from 'antd'
import ImgCrop from '
'
export default memo(function Index() {
const [fileList, setFileList] = useState([
{
uid: '-1',
name: 'image.png',
status: 'done',
url: 'https://zos.alipayobjects.com/rmsportal/jkjgkEfvpUPVyRjUImniVslZfWPnJuuZ.png全部评论 (0)
还没有任何评论哟~