antd upload组件缩略图自定义

antd组件的缩略图使用 img标签即可实现,我们这里有一个3D文件显示2D缩略图的需求,而这个缩略图是后台从接口返回的,所以需要自定义缩略图。

 这里的imageUrl就是你要的缩略图

用到了官网案例的将图片转为base64,具体的方法看官网。

在这里还有最最重要的一个点就是得控制它的样式,不控制样式的话会有Bug.

 

样式如下。这里根据自己的实际情况进行调整即可,有缩略图的情况,缩略图移除的情况。

 

总结:就是使用Img标签实现一个傻瓜式的预览图。

 

posted @ 2024-02-03 17:48  飞向火星  阅读(239)  评论(0编辑  收藏  举报