javascript - 在 CefBrowser 中使用 JavascriptResponse 获取图像(无需下载两次)

Question

我正在尝试使用 CefSharp (Offscreen)获取网页中的图像信息。我想避免两次下载内容(我知道我可以从图像标签中提取 src 字符串，然后再次下载图像)。现在，这是我的代码:

using (var browser = new ChromiumWebBrowser("http://example.com"))
{
    //All this does is wait for the entire frame to be loaded.
    await LoadPageAsync(browser);

    var res1 = await browser.EvaluateScriptAsync("document.getElementsByTagName('img')[0].src");
    //res1.Result = the source of the image (A string)

    var res2 = await browser.EvaluateScriptAsync("document.getElementsByTagName('img')[0]");
    //This causes an APPCRASH on CefSharp.BrowserSubprocess.exe
}

我认为，CefSharp 已经在下载这些图像以呈现网页。我想避免再次请求从客户端拉取这些图像，并直接从客户端拉取它们。这可能吗？ JavascriptResponse 对象的局限性是什么，为什么会在此处导致 APPCRASH？

一些想法:我考虑过对图像进行 base64 编码，然后以这种方式将其拉出，但这需要我生成一个 Canvas 并每次为我想要的每个图像填充该 Canvas ，生成一个 base64 字符串，将其带到c# 作为字符串，然后将其解码回图像。我不知道这样做的效率如何，但我希望有更好的解决方案。

Answer 1

我是这样解决的:

result = await browser.EvaluateScriptAsync(@"
;(function() {
    var getDataFromImg = function(img) {
        var canvas = document.createElement('canvas');
        var context = canvas.getContext('2d');
        context.drawImage(img, 0, 0 );
        var dataURL = canvas.toDataURL('image/png');

        return dataURL.replace(/^data:image\/(png|jpg);base64,/, '');
    }

    var images = document.querySelectorAll('.image');
    var finalArray = {};
    for ( var i=0; i<images.length; i++ )
    {
        //I just filled in array. Depending on what you're grabbing, you may want to fill
        //This with objects instead with text to identify each image.
        finalArray.push(getDataFromDiv(images[i]));
    }
    return finalArray;
})()");

    //Helper function for below
    private static string FixBase64ForImage(string image)
    {
        var sbText = new StringBuilder(image, image.Length);
        sbText.Replace("\r\n", string.Empty);
        sbText.Replace(" ", string.Empty);
        return sbText.ToString();
    }

    //In c# convert the data to a memory stream, and then load it from that.
    var bitmapData = Convert.FromBase64String(FixBase64ForImage(image));
    var streamBitmap = new MemoryStream(bitmapData);
    var sourceImage = (Bitmap) Image.FromStream(streamBitmap);