react项目实战学习笔记-学习56-upload引入
原创
©著作权归作者所有:来自51CTO博客作者前端歌谣的原创作品,请联系作者获取转载授权,否则将追究法律责任
<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>