Antd Upload图片墙拖拽改造
Posted
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了Antd Upload图片墙拖拽改造相关的知识，希望对你有一定的参考价值。
参考技术A 最近产品提了个需求，就是希望图片墙的图片能拖拽来改变图片顺序。本坑使用的antd的Upload组件，本身是没有拖拽的。要新加个插件吗？时间来不及了吧？
于是乎看看能不能在目前组件上改造它？
原本：
改造后的效果， gif放的有点慢，实际没有这么慢
分两步
1、upload 当鼠标在图片上时有个遮罩，这阻挡了拖拽功能的顺畅进行，需要把遮罩放到顶部或者是底部。
2、添加拖拽的监听，这个部分有些细节要注意
样式的改造：当鼠标放到顶部时，把操作放在顶部
以上是关于Antd Upload图片墙拖拽改造的主要内容，如果未能解决你的问题，请参考以下文章
AntD框架的upload组件上传图片时使用customRequest方法自定义上传行为
Vue中图片上传组件封装-antd的a-upload二次封装-案例