如何使用AngularJS或javascript创建链接的liveurl预览，并使其可点击？

我有一个textarea元素，我使用angular进行数据绑定。我想在用户输入的字符串中捕获url，并生成该url的可单击实时预览。关于如何使用AngularJS或JavaScript实现这一点，有什么想法吗？就像Facebook一样。

---

谢谢

您需要一些服务器来为您执行此操作

你可以使用公共服务，比如，

---

或者您可以使用这些库中的一个运行自己的服务器：或者您需要一些服务器来为您执行此操作

你可以使用公共服务，比如，

---

或者您可以使用这些库中的一个运行自己的服务器：或者

我不认为您可以在客户端执行此操作，但如果可以，则需要以某种方式获取目标页面并进行渲染。我几乎可以肯定，其他这样做的网站使用ajax调用让他们的服务器完成繁重的工作。Solarshado和@Martin我仍在头脑风暴中，并阅读一些关于open graph的资料。我遇到了一个开放的图形刮刀，它最终可以让我从URL获取所有的元数据，然后使用一个带有标题和描述的实时屏幕截图，所有内容都可以点击。我正试图看看如何实现这一切。我正在研究同一个问题。我过去使用过LiveURL，但是图像和标题字段已经更改，所以它不再正常工作。然而，我发现了一个API服务，它免费提供每小时x个数量的服务。你想要@Darren Street谢谢你的回答，非常有用，这回答了我的问题。同时，我将继续寻找一个免费的API服务，或者看看如何自己编写代码。谢谢你，我不认为你能在客户端做到这一点，但是如果你能做到的话，它将需要以某种方式获取目标页面并以某种方式呈现。我几乎可以肯定，其他这样做的网站使用ajax调用让他们的服务器完成繁重的工作。Solarshado和@Martin我仍在头脑风暴中，并阅读一些关于open graph的资料。我遇到了一个开放的图形刮刀，它最终可以让我从URL获取所有的元数据，然后使用一个带有标题和描述的实时屏幕截图，所有内容都可以点击。我正试图看看如何实现这一切。我正在研究同一个问题。我过去使用过LiveURL，但是图像和标题字段已经更改，所以它不再正常工作。然而，我发现了一个API服务，它免费提供每小时x个数量的服务。你想要@Darren Street谢谢你的回答，非常有用，这回答了我的问题。同时，我将继续寻找一个免费的API服务，或者看看如何自己编写代码。谢谢，洛蒂刚刚看过这些服务和API，看起来它们只提供屏幕截图。我可能错了，但那是我的第一印象。我是对的？如果这不是你问的，那么我误解了你的问题，请澄清你的意思！我试图找到一种方法，从文本区域检测url，提取元数据，然后生成一个带有标题和描述的可点击的实时预览。就像我们在Facebook上分享/发布链接一样。我只是查看了这些服务和API，看起来它们只提供屏幕截图。我可能错了，但那是我的第一印象。我是对的？如果这不是你问的，那么我误解了你的问题，请澄清你的意思！我试图找到一种方法，从文本区域检测url，提取元数据，然后生成一个带有标题和描述的可点击的实时预览。就像在Facebook上分享/发布链接一样。