Question

我有一个输入框，我想将链接拖放到使用jQuery。我的目标是单击链接将其拖放到输入框中，如果它是指向图像的链接，则填充图像标记，如果是文件的链接，则填充href标记。

这可能吗？任何人都可以想到这样的例子吗？答案越多越好，请发布适合你的内容。

提前致谢！

以下是感兴趣的人的更多信息：拖放功能依赖于支持File.API的浏览器。

更多信息：

http://www.thebuzzmedia.com/html5-drag-and-drop-and-file-api-tutorial/

http://www.w3.org/TR/FileAPI/

如果这有用，或者我可以添加更多信息，请告诉我。谢谢大家！

Answer 1

看起来很简单;至少在我的浏览器（Chrome）中将链接拖动到输入/文本区域并使用填充锚引用的URL作为默认功能;因此，以下应该做的工作。

$("input").change(function() {
  if($(this).val().substring($(this).val().length-3, $(this).val().length) == 'jpg') { 
    $("a img").attr('src', $(this).val())
  } else {
    $("a").attr('href', $(this).val())
  }
})

显然你想扩展代码以支持更多的文件类型，我确信有更好的方法来确定URL是否引用图像，但这是一个很好的起点。

如果这不能满足您的确切需求，您可能需要考虑在相关输入框上绑定哪个事件; focus也可能是一个可行的选择吗？

使用jQuery将链接拖放到表单输入框中

1 个答案: