如何在javascript中将图像拖到div上? [关闭]

Posted

技术标签:

【中文标题】如何在javascript中将图像拖到div上? [关闭]【英文标题】:How to drag an image onto a div in javascript? [closed] 【发布时间】:2015-02-14 05:15:02 【问题描述】:

我需要实现以下功能: (1) 在他们的桌面上选择一个图像并将其拖到一个 div 中。 (2) 检索所述图像的base64数据。

有没有什么好的库,特别是? (也欢迎摘录)

我查看了各种提供拖放功能的 JQuery 库,但它们中的大多数都是为服务器上传的特定任务而设计的,我没有成功地重新利用它们来满足我狭隘的任务。

【问题讨论】:

即使它们是用于上传的,为什么不能只使用 drop 事件来做你需要的事情呢? @charlietfl 不知道! (网络前端不是我的专业领域) 【参考方案1】:

html5 有它自己的drop 事件。您可以使用该事件来处理文件,如$('element').on('drop',someFunction);。 Check this jsFiddle out 以正确了解其工作原理。您可以按照它的工作原理将其用于您的必需品。

免责声明:代码不是我的。 更多关于掉落事件:MDN, W3S

【讨论】:

以上是关于如何在javascript中将图像拖到div上? [关闭]的主要内容,如果未能解决你的问题,请参考以下文章

在Javascript中将类分配给数组

带有javascript的可旋转图像或div?

使用 Selenium 模拟将文件拖到上传元素上

div元素拖动到特定位置时如何触发模态?

VS Code - 将图像从资源管理器窗格拖到 markdown 文件中并作为路径放置

无法在javascript中将图像绘制到画布