Ant Design Upload组件不显示上传到七牛图片的问题

网上搜索了下,几乎没人遇到这个问题,可能我自己比较懒,没有指定七牛上传的key才出现这个问题吧,写下此文,希望接下来还遇到这个问题的人能有所帮助,出现根本原因是,ant design upload组件代码中有一段正则匹配图片(以.jpg/.png.....),但是七牛上传不指定key的话会以文件hash命名(不会有.jpg/.png.....),ant design不会将其认为是图片,所以导致看不到图片。出现下图的尴尬场景。

4481904-cd41adc5e3ed261a.JPG
异常显示

解决办法:指定上传的key,代码如下,由于我想添加图片的后缀,所以我在upload组件的beforeUpload事件中给给设上key值:

4481904-b25ac310ca998dfd.JPG
code


4481904-8bed0a3ce9927968.JPG
设置key


4481904-15f52e0a9580afb6.JPG
ant design upload组件源码

猜你喜欢

转载自blog.csdn.net/weixin_34319111/article/details/87429253