使用jquery捕获选定的div元素

Question

如何捕获div元素并将其作为jQuery图片自动上传到服务器？

Answer 1

JavaScript无法截取屏幕截图，你不得不看一下像这样的东西，我不确定在那种情况下是否可能（出于安全原因）。

例如，考虑这种情况：

<div>
  <iframe src="https://somesecutesite.com"></iframe>
</div>

我能截取该div并上传吗？它可能会将我的信息填写到表单字段等中。还有许多其他示例，但仅仅安全性是不允许这样做的好理由。

关于此次测试的可能性如果您只是想了解您的网站在各种浏览器中的外观，请查看browsershots.org进行测试。

Answer 2

尼克是对的。浏览器执行的屏幕截图会出现许多安全问题，然后保存到您的网站（想想银行信息）。

另一种方法是在图形库中执行此操作，基于div的html内容。

例如，如果您使用PHP作为后端，则可以使用jQuery获取“div”元素的内容并通过$ .get（）将其传递给文件。使用GD库和样式表的知识，以及一些HTML树解析，你可以将'div'重现为图像。