react项目实战学习笔记-学习56-upload引入
2023-03-08 10:54:10 阅读次数:119
前端,学习
<p>点击下方修改头像:</p>
<Upload
name="avatar"
listType="picture-card"
className="avatar-uploader"
showUploadList={false}
action="/api/upload"
beforeUpload={beforeUpload}
onChange={handleChange}
headers={{"cms-token": localStorage.getItem('cms-token')}}
>
{imageUrl ? <img src={imageUrl} alt="avatar" style={{ width: '100%' }} /> : uploadButton}
</Upload>
版权声明:本文内容来自第三方投稿或授权转载,原文地址:https://blog.51cto.com/u_15460007/6052978,作者:前端导师歌谣,版权归原作者所有。本网站转在其作品的目的在于传递更多信息,不拥有版权,亦不承担相应法律责任。如因作品内容、版权等问题需要同本网站联系,请发邮件至ctyunbbs@chinatelecom.cn沟通。
上一篇:react项目实战学习笔记-学习51-删除逻辑实现
下一篇:react项目实战学习笔记-学习56-图片上传成功