您可以使用 javascript 查找图像的 URL，然后将该信息传递到 Coldfusion 中吗？

Question

您可以使用 javascript 查找图像的 URL，然后将该信息传递到 Coldfusion 中，而不是在 CF 或 JS 中使用 regx 吗？

在我看来，firefly 可以很好地找到所有获取图像 URL 的内部网络选项卡，并且 DOM 理解什么是图像对象或图像链接。

我可以访问已经在其他地方排序的信息堆栈吗？

创建图像的代码类似于 e=new L(f||"//chart.googleapis.com/chart");和 可以在 http://www.google.com/finance?q 找到=纳斯达克：SQNM&fstype=ii。

我们的目标是使用这些图表来快速参考 http://www.investingNideas.com

我的旧支持方法是 cfhttp 和两个正则表达式

脚本 = REMatchNoCase(']>[^<]', objGet.FileContent) />>; //获取脚本

Finance = REMatchNoCase(']+>.+?', objGet.FileContent) //gets divs

我正在研究 javascript 反射或 iframe 内部的反射。

谢谢

Answer 1

我已经测试过这个，它确实有效。希望我对“工作”的理解和你一样。这里涉及到一些技巧，因为您需要访问的图像是由浏览器中的 javascript 渲染生成的，因此服务器端屏幕抓取是不够的（除非事情变得非常复杂，而我不会去那里）。另外，事情很棘手，因为您需要加载的内容位于远程域 (www.google.com) 上，这意味着您在浏览器中访问该内容的方式受到限制（如果没有适当的方法，无法通过 Ajax 真正做到这一点）谷歌服务器上的 Access-Control-Allow-Origin 标头无法通过嵌入直接 iframe 来访问它，以防止跨域 DOM 操作。因此，我必须解决这两个限制。需要注意的是 - 我意识到你没有要求 jQuery，但老实说，它让这里的生活变得更加轻松，所以我继续使用它。所以这就是我如何让它工作：

index.cfm

<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.min.js"></script>
<script>
$(function () {
        $("#googleFrame").load(function () { // bind to the load event, so we'll know that the embedded resources will all have finished rendering (including the images we're after)

                // this will simply include the images from google on the current page
                $("#rippedGoogleImages")
                   .html('') // remove the loading message
                   .append($(this).contents().find("img.goog-serverchart-image")); // pull the loaded images out of the frame

                // if you just want to see the URLs of those images:
                /* $(this).contents().find("img.goog-serverchart-image").each(function (){
                    console.log($(this).attr('src'));
                });
                */

        });
        $("#googleFrame").attr("src", "googleProxy.cfm"); // trickiness that will become clear below
});
</script>

<iframe id="googleFrame" style="display:none"></iframe><!-- hidden iframe -->

<h1>Finance Images</h1>

<div id="rippedGoogleImages">
Loading Images From Google...
</div>

以及允许我们绕过跨域限制的关键，一个在服务器上执行对 google 的直接请求的文件：googleProxy.cfm：

<cfhttp url="http://www.google.com/finance?q=NASDAQ:SQNM&fstype=ii">

<cfoutput>
#cfhttp.filecontent#
</cfoutput>
<!--- The next line injects the necessary base href to allow the resources (js, css, images, etc...) to resolve correctly when served from this new location --->
<cfhtmlhead text="<base href='http://www.google.com/finance/'>">

所有这些都在没有令人讨厌的服务器端屏幕的情况下完成抓取或正则表达式。