jquery将图像拖入文本并显示该图像的URL

Question

我有一个文本框，一个div和一个图像。

我们有任何办法可以这样做：

1. 当我将该图像拖入div时。 （图像不需要移动，就像我们左键单击它一样，并将其拖动到任何地方，但它永远不会移动。）
2. div显示图像。 （将1个图像复制到div中）
3. 该文字显示该图片的网址。

你对这件事有什么想法或文章吗？

我从来没有对生命中的拖累进行编码，但我知道第2步只是为div设置HTML，而第3步只是获取图像src。但是，在第1步中，如何知道“图像进入div和鼠标释放？”

我知道jQuery UI，它不是来自jQuery UI的可拖动，导致可拖动的对象移动。 我不希望它移动。您可以尝试点击此 stackoverflow 网站上的任何图片，或任何链接。然后按住鼠标并拖动它。尝试将链接拖到顶部的搜索框中，然后获取链接。这就是我想要的。 <{3}}不可拖动以使对象移动。

Answer 1

您可以使用jQuery中的可拖动功能完成所有这些操作。我在评论中注意到你提到你不相信这会起作用，因为它实际上会移动图像，但不仅仅是默认选项！看一下clone helper属性。

这里有一个例子，因为它听起来你已经知道如何处理其余的（获得src属性等）。

http://jqueryui.com/demos/droppable/#method-option

Answer 2

JQuery draggable允许您在拖动Helpers的同时将原始文本保留在原位。看到此网址并尝试拖动顶部的灰色框。右边的两个使用帮助者，原来就是原来的。

http://www.jqueryui.com/demos/draggable/#visual-feedback

与提供的link Artsemis结合使用可以解决问题

将图像拖动到地址栏是Web浏览器的功能，而不是JS或您正在查看的页面。你会想要使用jquery draggable或类似的东西。